in-general layout to my blog!! i made it with help from a tutorial, haha
<style>
:root {
--logo-blue: #FFE5B4;
--darker-blue: ##FFAA33;
--lighter-blue: #FFE5B4;
--even-lighter-blue: #F4BB44;
--lightest-blue: #F4BB44;
body {
background-image: url("https://static.wikia.nocookie.net/steven-universe/images/c/c1/Steven%27s_New_Room.jpg/revision/latest?cb=20191003152321");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-family: 'Georgia', serif;
}
main {
background-color: #FFE5B4!important;
border-radius: 5px;
border: 30px solid transparent;
padding: 15px;
border-image: url(https://media.discordapp.net/attachments/1252813498434453616/1410425170325405696/pixilart-drawing.png?ex=68b1a10d&is=68b04f8d&hm=5b5a9faf32276f593941ae43389b7a48768d586a8d20cd37be89a230ba968cf0&=&format=webp&quality=lossless&width=150&height=150) 30 stretch;
}
.inner b {
color: #FFFDD0;
}
nav .top {
background-color: transparent;
}
nav .links {
background-color: #FFFFFF;
text-align: right;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
button {
color: #FFE5B4;
background-color: #DAA520;
}
nav .links a {
color:#F4BB44;
}
footer {
background-color: transparent;
}
</style>
<style>
main:before {
width: 100%;
height: 250px;
display: block;
content: "";
background-image: url('https://cdn.discordapp.com/attachments/1252813498434453616/1411550817286357083/Untitled444_20250830231733.png?ex=68b510a4&is=68b3bf24&hm=23b0da217f39463533eb027ec61859494e7de6cbcaeac292fc99126fc59e2002&');
background-position: bottom center;
background-size: cover;
}</style>