Blog Iteration #1

hi everybody this my first blog post oh wow

basically the code for my blog as of 12.13.2025

<style>

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 7s infinite linear;

}

* {

    font-family: "Inconsolata";

    font-style: italic;

    border-radius: 10px;

}

.table-section:not(:last-child) tr:nth-child(6) {

    display: none;

}

.table-section:not(:last-child) tr:nth-child(4) {

    display: none;

}

.profile .blurbs .section:nth-child(2) {

  display: none;

}

.profile .blurbs .heading, .profile .friends .heading {

    color: white;

    background-color: blue;

}

nav .top {

    background-image: url("https://i.pinimg.com/736x/7d/f9/44/7df94418e06163dde9935bf85c57f5e5.jpg");

    opacity: 90%;

   background-repeat: no-repeat;

    background-size: cover;

}

nav .links {

    background-image: url("https://i.pinimg.com/1200x/92/e1/7c/92e17c8bd80c43ff58d220157c70e029.jpg");

    opacity: 90%;

       background-repeat: no-repeat;

    background-size: cover;

}

footer {

    background-image: url("https://i.pinimg.com/736x/4c/76/c2/4c76c2e5f790161ce6477f1549c21847.jpg");

    opacity: 90%;

    background-repeat: no-repeat;

    background-size: cover;

}

body{

background-image: url("https://i.pinimg.com/1200x/32/ab/f4/32abf4341b4871b8158e5fb4ef8091ab.jpg");

background-position: center;

background-repeat: no-repeat;

background-size: cover;

    background-attachment: fixed;

}

main {

    background-image: url("https://i.pinimg.com/1200x/7f/62/40/7f62407bf1d8198233e8a2af0f7d3af2.jpg");

    opacity: 90%;

}

</style>

<div style="float:  ; max-height: 400px; position: fixed; right: 20px; bottom: 20px; z-index: 200; border-radius: 10px; border-"><iframe src="https://www.youtube.com/embed/erH_uCPq6Rk"/></div>

uh go ahead and prod as you please or whatevs