layouts on blog attempt two

<!-- (c) Layout created by peanutbuttercheerio (https://layouts.spacehey.com/layout?id=88899) -->

<style>

body{

background: url(https://64.media.tumblr.com/4aed4c0209478ef1d8de8d765e25385c/9e444c5f89da9a7c-13/s540x810/4171a5316469c6fb9f8dea6e2e8f5ab5600e3daf.gifv);

height: 100%;

background-position: center;

background-attachment: fixed;

background-repeat: no-repeat;

background-size: cover;

}

main{

   margin-top: 10px;

   background-color: rgba(255,255,255,0.4);

   border: 1px solid white;

   box-shadow: 0 0 10px white;

   border-radius: 8px;

   color: white;

   text-shadow: 1px 1px #292929;

}

nav .links li .icon{

content: url(https://voixii.carrd.co/assets/images/image01.gif?v=3c9b6e33?height=20);

}

nav .links {

    background-color: transparent;

    padding: 3.5px 16px;

    text-align: center;

    margin-top: 10px!important;

    margin-bottom: 10px!important;

}

nav .links a {

    text-decoration: none;

    color: white;

    text-shadow: 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854, 0 0 2px #56b854;

    font-size: max(0.98em, 12px);

}

font-family: "Times New Roman " , Times, serif;

font-size: 20px;

font-display: bold;

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    color: #70b574;

    text-decoration: none;

    font-style: italic;

}

a {

    color: #70b574;

    text-decoration: none;

}

main{

   margin-top: 10px;

   background-size: cover;

   background-color: rgba(255,255,255,0.4);

   border: 1px solid white; 

   border-radius: 8px;

   box-shadow: 0 0 10px white;

   color: white;

   text-shadow: 1px 1px #292929;

}

:root {

  --logo-blue: rgba(255, 255, 255, 0.4);

    --headers: rgba(255, 255, 255, 0.4);

    --darker-blue: rgba(255, 255, 255);

    --lighter-blue: rgba(255, 255, 255, 0);

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: ;

    --light-orange:  rgba(255, 255, 255, 0);

    --even-lighter-orange: rgba(255, 255, 255);

}

nav .top .left .logo {

   width: 165px;

   height: 42px;

   filter: drop-shadow(2px 4px 6px black);

}

nav .top{

   margin-top: 10px;

   background-color: rgba(255, 255, 255, 0.4);

   background-size: cover;

   border: 1px solid white;

   border-radius: 5px;

   box-shadow: 0 0 8px white;

}

button, input {

   overflow: visible;

   background: white;

   color: black;

   border: none;

   box-shadow: 0 0 5px white;

   border-radius: 5px;

}

footer {

   text-align: center;

   font-size: 70%;

   margin: 10px 0 10px;

   padding: 10px 5px;

   background-color: transparent;

   color: white;

}

.comments-table td:first-child, .music-table td:first-child {

   background: #8ad18c;

   text-align: center;

   font-weight: bold;

   width: 38%;

}

.comments-table td, .music-table td {

   background: #8ad18c;

   vertical-align: top;

}

</style>

<!-- (c) Layout created by Boniscool (https://layouts.spacehey.com/layout?id=99768) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/gQh5_HRXag4//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>