/* body{
    background-color:#220a38;
} */

html{
    background-image: url("../images/spidersona-2.png");
    background-repeat: repeat;
    background-size:contain;
    outline:#000000;
    outline-width: 4rem;
}

.background{
    background-color:#220a38; 
    margin:3rem;
    border-radius: 3rem;
    padding-bottom:3rem;
    opacity: 95%;
    box-shadow: 0px 0px 12px 3px #000000;
}

p{
    color:#ffffff;
    font-family:Centaur, sans-serif;
    font-size:25px;
    justify-content:center;
    text-align: center;

}

.bodytext{
    padding-top:2rem;
    line-height:2rem;
    padding:1rem;
}

.menu{
    height:7rem;
    /* background-color: #552186; */
    background-color: #3e1367;
    justify-content: center;
    align-content: center;
    padding-left:2rem;
    margin-left:5rem;
    margin-right:5rem;
    font-weight:bold;
    text-decoration: none;
    box-shadow: 2px 2px 7px 2px #000000;
    position:sticky;
    top:0;
    z-index: 5;
    margin-top:2rem;
}

a.linkhidden{
    background-color: #7f17e000;
    color:#00000000;
    padding:1.5rem;
    font-family:Arial, sans-serif;
    border-radius: 5rem;
    text-decoration: none;
    transition-duration: 0.4s;
    margin:0.2rem;
}

a.linkhidden:hover{
    background-color: #2d075044;
    color:#ffffff;
    padding-bottom:1.25rem;
    padding-top:1.25rem;
    transition-duration: 0.4s;
}

a{
    background-color: #7f17e0;
    padding:1.5rem;
    color:#ffffff;
    font-family:Arial, sans-serif;
    border-radius: 5rem;
    text-decoration: none;
    transition-duration: 0.4s;
    margin:0.2rem;
}

a:hover{
    background-color: #2d0750;
    color:#ffffff;
    padding-bottom:1.25rem;
    padding-top:1.25rem;
    transition-duration: 0.4s;
}

a.textbutton{
    background-color: #7f17e0;
    padding:0.7rem;
    color:#ffffff;
    font-family:Arial, sans-serif;
    border-radius: 3rem;
    text-decoration: none;
    transition-duration: 0.4s;
    margin:0.2rem;
    font-size:80%;
}

a.textbutton:hover{
    background-color: #2d0750;
    color:#ffffff;
    padding-bottom:0.6rem;
    padding-top:0.6rem;
    transition-duration: 0.4s;
}

.listitems-container{
    width:100%;
    overflow:auto;
    background-color: #3e1367;
}

.listitems-left{
    justify-content:left;
    text-align:left;
    width:50%;
    float:left;
}
.listitems-right{
    justify-content:right;
    text-align:right;
    width:50%;
    float:right;
}

.img1-container{
    width:100%;
    overflow:auto;
    position:relative;
    z-index:-1;
    opacity:0.1;
}