body{
    background-color: #e9fa96;
    margin: 0 auto;
    width: 99%;
    display: flex;
    flex-wrap: wrap;
}

main{
    margin: 20px;
}

button{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 7px;
    border: 2px solid black;
    border-radius: 5px;
    margin: 20px;
}


.button1:hover{
    background-color: rgb(20, 220, 70);
    transition: color 900ms;
}

h1{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 40px;
}

.SvarBoks{
    padding: 7px;
    border: 3px solid #fa8806;
    background-color: #f09709;
    font-size: 20px;
    width: fit-content;
}

.ArticleVenstre{
    float: left;
}

.Articlehoyre{  
    float: right;
}

a{
    color: black;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
}
footer{

    text-align: center;
}