body{
        margin:0px;
        padding:0px;
        background: #000000;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(181, 0, 18, 0.75) 90%, rgba(242, 46, 108, 0.75) 97%, rgba(255, 145, 198, 0.75) 100%);
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px; 
        padding:4px;
        }

/* basic styling */


    a{
    text-decoration: none;
    color:#ff589e;
    }


    a{
    text-decoration: none;
    color:#ff589e;
    }

    a:hover{
    color:yellow;
    }


    li{
        padding:6px;
        list-style:none;
    }

    details li{
    list-style-image: url("https://helianthus-fields.neocities.org/graphics/bullets/bullet_pmd_paper_bullet.png");
    }

    h1, h2, h3, h4{
    padding:4px;
    margin:0px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:rgb(0, 0, 0);
    }

    h1{
    color:white;
    font-family: 'pixelony',monospace;
    }


/* container grid */

.container{
max-width:1000px;
min-width:700px;
grid-template-columns: auto auto auto;
grid-template-areas:
    'title title title'
    'body body body'
    'footer footer footer'
    ;
    margin:0 auto;
}

.container > div{
margin:5px;
}

.title{
grid-area:title;
font-size:30px;
}

.nav{
grid-area:nav;
height:fit-content;
}

.body{
grid-area:body;
padding:4px;
}

.footer{
grid-area:footer;
padding:4px;
}

/* mini divs */

#ftd{
max-height:150px;
float:left;
padding-right:4px;
}



.button{
margin:5px;
padding:10px;
color:white;
font-size:18px;
height:fit-content;
width:120px;
display:inline-block;
border:none;
border-radius:8px;
border:1px solid black;
}

.button:hover{
border:1px yellow solid;
}

.block{
background-color: white;
padding:8px;
margin-bottom:6px;
filter: drop-shadow(2px 2px 2px #556b2136)
}



.team{
max-width:200px;
transition:.4s;
}

/* gradients */
.pearlpink{
background: #FF1B84;
background: linear-gradient(0deg, rgba(255, 27, 132, 1) 0%, rgba(255, 130, 188, 1) 93%, rgba(255, 240, 247, 1) 100%);
}

.pearlblue{
background: #0d9eff;
background: linear-gradient(0deg, rgba(13, 158, 255, 1) 0%, rgba(110, 196, 255, 1) 93%, rgba(255, 250, 250, 1) 100%);
}

.darkreddening{
background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(181, 0, 18, 0.75) 90%, rgba(242, 46, 108, 0.75) 97%, rgba(255, 145, 198, 0.75) 100%);
}