body{
    /*Gir alt i body grid egenskaper*/
    display: grid;
    /*Definerer bredden og sier at det skal være 2 kolonner i gridet som skal ha bredden 1fr(fraction)*/
    grid-template-columns: repeat(2,1fr);
    /*Definerer høyden på radene i et grid og den første raden skal være 100px og de gjenværende radene skal ta opp 1fr*/
    grid-template-rows: 100px repeat(9, 1fr);
    /*Justerer avstand mellom kolonner og rader*/
    gap: 20px;
    /*Velger skrifttype*/
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /*Legger til bakgrunnsfarge som endrer fra top-venstre til nederst-høyre*/
    background-image: linear-gradient(to bottom right, #ffffff, #dddddd);
}
div{
    /*Gir div flex egenskaper*/
    display: flex;
    /*Justerer plasseringen av elementene i div vertikalt*/
    align-items: center;
    /*Justerer plasseringen av elementene i div horisontalt*/
    justify-content: center;
    /*Definerer retningen for hovedaksen og gjør at hovedaksen vil være vertikal og elementene vil gå fra topp til bunn*/
    flex-direction: column;
    /*Definerer avstand mellom elementer på utsiden av border.*/
    margin: 20px;
    /*Setter bakgrunnsbilde for div-elementer*/
    background-image: url(Turopplevelser_bilder/Turopplevelser_bilder/bakgrunn.PNG);
    /*Definerer størrelse på bakgrunnsbilde*/
    background-size: 3000px, 500px;
    /*Legger til skygge på div-elementer*/
    box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.2), 0 10px 25px 0 rgba(0, 0, 0, 0.19);
}
img{
    /*Setter max bredde på bilder som er 70% av foreldreelementet.*/
    max-width: 70%;
    /*Høyde øker proposjonelt med bredden*/
    height: auto;
    box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.2), 0 10px 25px 0 rgba(0, 0, 0, 0.19);
}
header{
    /*Header tar opp 2 kolonner*/
    grid-column: span 2;
    /*Justerer plasseringen til tekst i sentrum*/
    text-align: center;
    /*Definerer tekststørrelse*/
    font-size: 24px;
    /*Definerer avstanden rundt innholdet innenfor en border*/
    padding: 20px;
    /*Setter tekstfarge*/
    color: #333;
}
ul{
    /*Fjerner merke foran listene*/
    list-style-type: none;
    background-color: #fff;
    margin: 0;
    padding: 0;
    grid-column: span 2;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*Gjør hjørnene på ul runde*/
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
li a{
    display: block;
    color: #333;
    text-align: center;
    padding: 8px 16px;
    /*Fjerner understrek fra lenker*/
    text-decoration: none;
}
li{
    /*Øker avstand mellom elementene i listen*/
    margin-right: 0px;
    /*Definerer bredden*/
    width: 200px;
}
h2{
    text-align: center;
}
h1{
    font-size: 100px;
}
p{
    max-width: 70%;
    margin: 0 auto;
}