html{
    background-color: #000000;
    image-rendering: optimizeQuality;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    text-align: left;
    overflow-y: scroll;

    color: #ffffff
}

.box{
    width: 50%;
    text-align: center;

    margin: 2% 2% 2% 2%;
    padding: 2% 2% 2% 2%;

    border-style:solid;
    border-width: 3px;
    border-color: #ffffff;
}

p{
    text-align: left;
}

img{
    max-width: 100%;
}

table{
    border-collapse: collapse;
}
td {
    border: 1px solid #ffffff;
    text-align: left;
    padding: 10px;
}

.border{
    border-style:solid;
    border-width: 3px;
    border-color: #ffffff;
}

.menu{
    width: 100%;
    text-align: center;
    border: 0;
    table-layout: fixed;
    text-overflow: clip;
    padding: 0;
}

.sharp{
    image-rendering: crisp-edges;
}

.banner{
    width: 80%;
    border-width: 0;
}

a:link{
    color: #cea1ee;
}
a:visited{
    color: #cea1ee;
}
a:hover{
    color: #ffffff;
}

#glitchlink:hover #glitchtext{
    display: contents;
}
#glitchtext{
    display: none;
}
#glitchlink:hover #normaltext{
    display: none;
}



@media only screen and (max-width: 950px){

    body{
        font-size: small;
    }

    .box{
        width: 95%;
    }

}