Jonathan X Fred

Layout CSS

<style>
    main {
  color: #007c9e;
  font-size: 80%;
}

    body{
        background-image:url("https://i.pinimg.com/736x/53/98/77/539877fc647a7b2d8633f5671bdef299.jpg ")
    }

    :root {
        --logo-blue: #fd02ea; 
        --darker-blue: #ca2dff; 
        --lighter-blue:url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg); 
        background-position: center; 
        --even-lighter-blue: url (https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg); 
        background-position: center; 
        --lightest-blue: url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg); 
        --dark-orange:url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg) 
        --light-orange:url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg); background-position: center; 
        --even-lighter-orange:url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg);
        --red: blue;
    } 

.count {
  color: #fd02ea;
}

</style><!--This changes the comment section background--><style>
.comments-table td:first-child, .music-table td:first-child {
  background:url(https://i.pinimg.com/564x/7c/2e/cf/7c2ecf2ce80f78676b1c012f3cac410a.jpg);
</style>

<!--This changes the navigation and footers!-->
<style>
        nav .top {
            background-image: url('https://i.pinimg.com/564x/53/49/ab/5349ab9916d85adb8138fd31ecc189cc.jpg '); 
            background-position: center
        }

    footer {
        background-image: url('https://i.pinimg.com/564x/86/ea/ac/86eaac1a7332548fb2ee3431eec58baa.jpg '); 
        background-position: center;
    } 

</style>

<!-- This changes the background directly behind the post, giving it a light black background. To keep it the same as the whole background, remove "rgba(0,0,0,0.28); and replace with "none;"-->

<style>
    main{
        background:rgba(0, 0, 0, 0.28);
    }
</style>