body {
    background-image: linear-gradient(#00000080, #00000080), url("https://file.garden/ZnnMpjCCUQ_QbjHz/neocities/squip%20theme/background");
    background-repeat: repeat;
}

header, nav, main, section, aside, footer {
   /* box, border, drop shadow, etc */
    border: 2px white solid;
    box-shadow: 0 0 5px 2px black, inset 0 0 0 2px black;
    
    
    border-radius: 10px;
    background-color:#A1D2DD;
    
   /* text */
    text-align: center;
    font-family: cursive;
}

.box {
        max-width: 1000px;
        margin: 50px auto;
        display:grid;
        grid-gap: 10px;
        grid-template-columns: 200px 550px minmax(0, 1fr);
        padding: 20px;
    
        border: 3px black solid;
        border-radius: 30px;
        box-shadow: 0 0 5px 2px black, inset 0 0 0 2px white;
    
        background-color: #1E879C;
}

header {
   grid-row: 1 / 2;
grid-column: 1 / 4;
margin-top: auto;
background: linear-gradient(white, #A1D2DD, #54ADBF, #54ADBF, #6AB8C8);
}

.navtop {
    padding-top: 20px;
    padding-bottom: 10px;
}

nav {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

main {
    grid-row: 2 / 4;
    grid-column: 2 / 3;
    height: max-content;
    padding: 2px;
}

.maintop {
    display: flex;
}

aside {
    grid-row: 2 / 3;
    grid-column: 3 / 4;
    height: max-content;
    padding: 10px;
}

footer {
    grid-row: 4 / 5;
    grid-column: 1 / 4;
    background: linear-gradient(white, #A1D2DD, #54ADBF, #54ADBF, #6AB8C8);
    
}

/* decor */

.pfp {
    height:150px;
    width:150px;
    margin-top: 5px;
    border-radius: 25px;
    transition: all ease-in-out .5s;
}
.pfp:hover {
    transform: scale(1.2);
}

.squip {
    height: 90px;
    width: 90px;
}

.blinkie {
    height: 22px;
    width: 162px;

} 

.badges {
width: 50px;
height:22px;
}

.sprites {
    width:267px;
    height:310px;
    margin-top: 10px;
    transition: all ease-in-out .5s;
}
.sprites:hover {
    transform:scale(1.1);
}

.ocs {
    height:150px;
    width: 150px;
    transition: all ease-in-out .5s;
}
.ocs:hover {
    transform:rotate(-5deg);
}

.stamp {
    height:56px;
    width:99px;
    transition: all ease-in-out .5s;
}
.stamp:hover {
    transform: scale(1.2);
}
/*pagedolls*/

#pagedoll1 {
    position:fixed;
    bottom:10px;
    left: 10px;
    
    width:315px;
    height:255px;
    transition: all ease-in-out .5s;

}

#pagedoll2 {
    position:fixed;
    top:10px;
    right: 10px;
    
    width: 250px;
    height:250px;
   transition: all ease-in-out .5s; 
}

.pagedoll:hover {
    transform:scale(1.2);
}

/*music player*/

#song-image {
    height:175px;
    width:175px;
    border-radius:15px;
    margin-top: 5px;
}

#music-buttons {
    align-items: center;

}

#music-buttons i {
    /*add color*/
    color:black;
}

#slider-song {
    accent-color: white;
}

/*guestbook*/

.guestbook {
    height: 300px;
    width: 200px;
    border-radius: 15px;
    border: 2px white solid;
    box-shadow: 0 0 5px 2px black, inset 0 0 0 4px white;
}