html, body {
    margin:0;
    height:100%;
    background-color: rgb(81, 40, 40);
    font-family: "Share Tech Mono", monospace;
}

@keyframes fade-in {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

#wrapper {
    animation:fade-in ease 1s;
    width:60%;
    height:100%;
    margin:0 auto;
}

#nav {
    width:100%;
    height: 80px;
    background-color: rgb(70, 5, 5);
    
}

#content {
    width: 100%;
    background-color:rgb(82, 27, 27);
}

img {
    width: 100%;
}

h1 {
    font-size:35px;
    color:rgb(255, 255, 255);
    margin:0;
    text-align:center;
}

p {
    font-size: 18px;
    color:rgb(255, 255, 255);
    margin:0;
    text-align: justify;
}

a {
    font-size: 16px;
    font-weight:bold;
    display:inline-block;
    width:28%;
    padding:6px;
    margin-top:15px;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
}

#nav a:link, #nav a:visited {
    color:rgb(45, 194, 32);
    background-color: rgb(33, 16, 16);
}

#nav a:active, #nav a:hover {
    color: rgb(146, 17, 17);
    background-color: rgb(78, 78, 78);
}

#results {
    color:white
}