body{
    background: #282644; 
}

.oppgaaver{
    margin:auto;
    margin-top:35px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    max-width: 80rem;
    grid-auto-rows: minmax(12rem, auto);
    gap: 1rem;
}

.oppgaaver a{
    background-color:#2e2c45;
    grid-column:span 2;
}



.header_container{
    background-color:#333057;
    width:60%;
    display: flex;
    padding-right:20px; 
    align-items: center;
    justify-content:center;
    margin:auto;        
    margin-top:-8px;
    text-align:center;
    border:2px;
    border-style:solid;
    border-color:#2c285a;

}

.header_logo1{
width:50%;
display:flex;
justify-content:flex-start;
}

.header_logo2{
width:50%;
display:flex;
justify-content:flex-end;
margin:-20px;
}

h1{
    font-family:'Courier New', Courier, monospace;
    font-size:20px;
    color:white;
}

h2{font-family:'Courier New', Courier, monospace;
    font-size:20px;
    color:white;
}

.oppgaaver h1{
    position:absolute;
    color:white;
    margin-top:150px;
}

.oppgaaver h1:hover{
    background-color: rgba(128, 128, 128, 0.562);
}

.oppgaaver img{
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.copyright{
    margin:auto;
    text-align:center;
    display:grid;
}

.exit{
    margin:auto;
    text-align:center;
    border-radius:50%
}