*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;

}




body{
    background-color: black;
}
#nav1{
  background-color: #020659;
    text-align: center;

    grid-area: Nav;
 
    }





    #medlemmar1{
        text-align: center;
        grid-area: Isak;
        background-color: #020659;
        color: #D97B29;
        }
        
        #medlemmar2{
            text-align: center;
            grid-area: Cal;
            background-color: #020659;
            color: #D97B29;
            
        }
        
        #medlemmar3{
            text-align: center;
            grid-area: Theodor;
            background-color: #020659;
            color: #D97B29;
            
        }
        #medlemmar4{
            text-align: center;
            grid-area: Matisse;
            background-color: #020659;
            color: #D97B29;
            
        }
        
        #bottom1{
          grid-area: fot;
          background-color: #020659;
          color: white;
          text-align: center;
        }
       
         

main{
    font-family: "Kanit", sans-serif;
    font-weight: 200;
    font-style: normal;
  font-size:larger;
display: grid;
grid-template-columns: 100vw;
grid-template-rows: 50px 50px 21vh 21vh 21vh 21vh 5vh;
grid-template-areas: 
"head"
"Nav"
"Isak"
"Cal"
"Theodor"
"Matisse"
"fot";


}

section{
text-align: center;
margin-bottom: 20px;

}
header h1{
background-color:#020659;
color: white;
font-family: "Merriweather", serif;
font-weight: 400;
font-style: normal;
grid-area: head;
text-align: center;
}


a {
    text-decoration: none;
    color: white;
    
    }
    
    a:hover{
        background-color: #D97B29 ;
    }
    

    
    .mobile-container {
     
      margin: auto;
      background-color: #555;
      height: 200px;
      color: white;
      border-radius: 10px;
    }
    
    .topnav {
      overflow: hidden;
      background-color: #333;
   
    }
    
    .topnav #myLinks {
      display: none;
    }
    
    .topnav a {
      float: left;
      color: white;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }
    
    .topnav a.icon {
      float: right;
    }
    
    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }
    
    .active {
      background-color: #048ABF;
      color: white;
    }