*{
    margin:0;
    padding:0;
}

nav{
    background-color: rgb(160, 197, 207);
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
a{
    color: antiquewhite;
    text-decoration: none;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color:rgb(26, 29, 30);
    padding: 10px;
    border-radius: 10px;
}
.Overskrift{
    text-align: center;
}
p{
    padding: 5px;
    
}

footer{
    padding: 90px;
    background-color: rgba(244, 248, 248, 0.466);
    color: rgb(38, 44, 45);
}

section{
    width: 45%;
}
.midtstill{
    width: 60%;
    margin: auto;
}
.flyt{
    float: left;
}

.bilde1{

 width: 200px;
 padding-left: 40%;


}

body{
background-color: rgb(133, 182, 195);


}

h2{

    margin-bottom: 2px;

}

#Ludvig{

    text-align: center;
}

img{
    width: 100px;
}

.bilder{
    float: left;
    width: 28%;
    margin: 15px;
    background-color: rgb(160, 197, 207);
    padding: 25px;
}


.bilder2{
    float: left;
    width: 28%;
    margin: 15px;
    background-color: rgb(160, 197, 207);
    padding: 25px;
}

.bilder2, img{
    width: 300px;
}

.favorittmat{
    padding-left: 40px;
}
.mat{
    padding-left: 20px;
}

.kjæledyra{
    padding-left: 25%;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.dyr{
    text-align: center;
}

.Mille{
    float: left;
    width: 28%;
    margin: 15px;
    background-color: rgb(160, 197, 207);
    padding: 10%;
}
.Mille, img{
    width: 300px;
}

.Ludde{
    float: left;
    width: 28%;
    margin: 15px;
    background-color: rgb(160, 197, 207);
    padding: 10%; 
}

.Ludde, img{
    width: 300px;
}

.Prosjekter{
    display: block;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    border: 1px;
    border-radius: 5px;
}

.htmloppgaver{
    border: 2px dashed;
    padding: 20px;
    padding-left: 25%;
    padding-right: 25%;
    margin: 20px;
    border-radius: 5px;
}

.javascriptoppgaver{
    border: 2px dashed;
    padding: 20px;
    padding-left: 25%;
    padding-right: 25%;
    margin: 20px;
    border-radius: 5px;
}

.øveprøver{
    border: 2px dashed;
    padding: 20px;
    padding-left: 25%;
    padding-right: 25%;
    margin: 20px;
    border-radius: 5px;
}

.Htmloverskfrit{
    text-align: center;
}
.Javaoverskrift{
    text-align: center;
}
.øveprøveroverskrift{
    text-align: center;
}
.Oppgaveoverskrift{
    text-align: center;
}

.cvinfo{
    border: 2px dashed;
    padding: 20px;
    padding-left: 25%;
    padding-right: 25%;
    margin: 20px;
    border-radius: 5px;
}

.OverskriftCV{
    text-align: center;
}

.cvinfo{
    background-image: url(Bilder/Neliker.jpg);
    background-size: cover;
    background-position: 55%;
    height: 1000px;
    margin-left: 25px;
}

.Meg{
    padding: 10px;
    background-color: rgba(252, 244, 149, 0.5);
    border-radius: 3px;
}

.skole{
    padding: 10px;
    background-color: rgba(252, 238, 167, 0.5);
    border-radius: 3px;
}

.jobb{
    padding: 10px;
    background-color: rgba(252, 238, 167, 0.5);
    border-radius: 3px;
}

.framtid{
    padding: 10px;
    background-color: rgba(78, 165, 99, 0.4);
    border-radius: 3px;
}

.OverskriftCV{
    padding: 5px;
    background-color: rgba(246, 134, 199, 0.4);
    border-radius: 3px;
}

.kontaktinfo{
    padding: 10px;
    background-color: rgba(252, 238, 167, 0.4);
    border-radius: 3px;
}