body {
    background-color: rgb(227,193,111);
    margin: 0%;
    background-image: linear-gradient(45deg, #2a5a2c 25%, transparent 25%), linear-gradient(-45deg, #2a5a2c 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #2a5a2c 75%), linear-gradient(-45deg, transparent 75%, #2a5a2c 75%);
    background-size: 300px 300px;
    background-position: 0 0, 0 150px, 150px -150px, -150px 0px;
}

main {
    font-size: 50px;
    text-align: center;
    background-color: rgba(146, 96, 96, 0.301);
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    font-family:monospace;
    margin-top: 0%;
    margin-bottom: 0%;
}

h1 {
    background-color: beige;
    padding-left: 2%;
    font-size: 100px;
    margin-top: 0%;
    margin-bottom: 0%;
    font-family:monospace;
}

.navbar ul {
    overflow: hidden;
    margin-top: 0%;
    margin-bottom: 0%;
    list-style-type: none;
    background-color: beige;
    margin: 0px;
    text-align: center;
}

.navbar a{
    color: #000000;
    text-decoration: none;
    padding: 15px;
    display:grid;
    text-align: center;
    font-family:monospace;
    font-size:xx-large;
}

.navbar a:hover{
    background-color: hsl(39, 33%, 59%);
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.navbar li{
    float: left;
}