<div class="boxd">
<center>
<img src="https://i.postimg.cc/L8W3TnqQ/Untitled1820-20260321201428.png" class="choso"> </img> <img src="https://i.postimg.cc/131q5wqN/Untitled1821-20260321204353.png" class="paper"> <img class="vinyl" src="https://i.postimg.cc/mgXfbNPj/Untitled1822-20260321215205.png">

<div id="scrollbox">
ill work on this soon im tired blelelelele im still deciding on what font to use for this.... UH e2r will be on /curse probably idk <br> <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br> /url - plan here <br>
    </div>
</center>
</div>

<style>
.boxd {
display: relative;
  justify-content: center;
  align-items: center;
max-height: 30em;
}

.container-1 {
border: 1px transparent;
}

    #scrollbox {
        width:230px;
        height:150px;
        background-color: white;
        border: 3px black double;
        overflow-y: auto;
        overflox-x: hidden;
        padding: 10px;
        margin: 0;
        font-size: 15px;
        color: black;
        text-align: left;
position: relative;
left: 70px;
bottom: 350px;
z-index: 3;
transform: rotate(-10deg);
pointer-events:%20none;
}

.choso {
max-height: auto; 
width: 300px; 
position: relative; 
left: 100px; 
z-index: 4;
margin: 0;
}

.paper {
max-height: auto; 
width: 300px; 
position: relative; 
right: 100px; 
z-index: 2;
transform: rotate(15deg);
 margin: 0;
}

.vinyl {
        position: relative;
top: -150px; 
right: 100px;
    width: 250px;
    max-height: 250px;
        margin: 0;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

#edit-button, #extras-button, .btn{
border: 1px transparent;
color: transparent;
}

#comments {
width: 400px;
}

</style>