@charset "UTF-8";

html, body {
    margin: 0;
    padding: 0;
    text-align: center;
}

header {
    height: 100px;
}

body {
    background-color:#ded1be; 
}

main {
    width: 80%;
    background-color: #e6e6e6;
    margin: 0 auto;
    padding: 10px;
    border: 15px solid #783c10;
}

p {
    font-size: 2rem;
}

.zombie {
    max-width: 50%;
    height: auto;
}

aside {
    margin-right: auto; 
}

.first {
    background-color: #7d3918;
    margin: 35px 0px 0px 60px;
    width: 30%;
    padding: 10px;
    font-size: 3rem;
    color: #240000;
    border-radius: 5px;
    border-left: 15px double #3c0004;
    border-right: 15px double #3c0004;
    border-top: 5px solid #3c0004;
    border-bottom: 5px solid #3c0004;
}
.second {
    background-color: #7d3918;
    margin: -5px 0px 0px 60px;
    width: 30%;
    padding: 10px;
    font-size: 3rem;
    color: #240000;
    border-radius: 5px;
    border-left: 15px double #3c0004;
    border-right: 15px double #3c0004;
    border-top: 5px solid #3c0004;
    border-bottom: 5px solid #3c0004;
}
.third {
    background-color: #7d3918;
    margin: -5px 0px 0px 60px;
    width: 50%;
    padding: 10px;
    font-size: 3rem;
    color: #240000;
    border-radius: 5px;
    border-left: 15px double #3c0004;
    border-right: 15px double #3c0004;
    border-top: 5px solid #3c0004;
    border-bottom: 5px solid #3c0004;
}
.ref {
    background-color: #9f6029;
    margin: 35px 1200px;
    width: 30%;
    padding: 10px;
    font-size: 3rem;
    color: #460b00;
    border-radius: 5px;
    border: 5px solid #6e2614;
}

.links {
    background-color: #d8a984;
    margin: 35px 130px;
    width: 30%;
    padding: 10px;
    font-size: 3rem;
    color: #611c00;
    border-radius: 5px;
    border: 5px solid #632b0b;
}

a:link {
    text-decoration: none;
    color: #240000;
}

a:visited {
    color: #240000;
}

a:active {
    text-decoration: none;
    color: #240000;
}

a:focus {
    color: #240000;
}

.first:link {
    color:#d8a984;
}

.first:hover {
    background-color: #6d2514;
    color: #a04d28;
}

.second:hover {
    background-color: #6d2514;
    color: #a04d28;
}

.third:hover {
    background-color: #6d2514;
    color: #a04d28;
}