I LOVE LAYOUTS SO F***ING MUCH [NO AUTOPLAY]

<style>
@import url('https://fonts.googleapis.com/css2?family=Emblema+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:[email protected]&display=swap');
H1, H2, H3, H4, H5{
font-family: "Emblema One", system-ui;
font-size:20px;
font-weight: 400;
font-style: normal;
color:white;
}
p{
font-family: "Caveat", system-ui;
font-size:20px;
font-weight: 400;
font-style: normal;
color:#7aa64f;
}
main{
background:transparent;
background-attachment:initial;
border:double;
border-color:#7aa64f;
border-width:14px;
}
body{  background:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8dd62df9-f507-4ba0-bbc4-8e016aa0dd4f/djbk44p-f367a41b-68d2-4563-89de-81d91238b3ce.png/v1/fit/w_736,h_1308,q_70,strp/abe5d255_d799_4cfb_a08a_1e513919349f_by_talucidy_djbk44p-375w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTMwOCIsInBhdGgiOiJcL2ZcLzhkZDYyZGY5LWY1MDctNGJhMC1iYmM0LThlMDE2YWEwZGQ0ZlwvZGpiazQ0cC1mMzY3YTQxYi02OGQyLTQ1NjMtODlkZS04MWQ5MTIzOGIzY2UucG5nIiwid2lkdGgiOiI8PTczNiJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.yRg2PKApAcRGbIrDZMuX69yRRZ_c-f9gk7fLe-mY2eM);
}
:root {
--logo-blue: #2090ad;
--darker-blue: #2090ad;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: #dd423d;
--light-orange:transparent;
--even-lighter-orange:transparent;
--green: transparent;
}
nav .top, footer{ background:transparent;
}

</style>

<style>
.online {content:url('http://dl6.glitter-graphics.net/pub/121/121896n9dppf5kxv.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2;
}
</style>

<style>

.logo {
content:url('https://i.postimg.cc/vHG6TtpX/niconico.png');
}

</style>

<style>main:before {
	width: 100%;
	height: 125px ;
	display: block;
	content: "";
	background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8dd62df9-f507-4ba0-bbc4-8e016aa0dd4f/djbjrv0-8536b8bd-4a4d-427b-b776-26907d1d2824.png/v1/fill/w_1200,h_628,q_80,strp/the_j_by_talucidy_djbjrv0-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NjI4IiwicGF0aCI6IlwvZlwvOGRkNjJkZjktZjUwNy00YmEwLWJiYzQtOGUwMTZhYTBkZDRmXC9kamJqcnYwLTg1MzZiOGJkLTRhNGQtNDI3Yi1iNzc2LTI2OTA3ZDFkMjgyNC5wbmciLCJ3aWR0aCI6Ijw9MTIwMCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.8OIGSIKiZOS3o3cg0yLPNVL30u50KAHwhdPyRcn5RSk');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>