body{
    padding: 0;
    margin: 0;
}

.center {
  margin: auto;
  width: 50%;
  padding-top: 50px;
}

.nav{
  display: grid;
  grid-template-columns: 15% 60% 25%;
}

.nav-1{  
  border: none;
  border-bottom: solid;
  border-color: gray;
  background-color: white;
  color: black;
  display: flex;
  justify-content: flex-end;
}
.nav-2{
  border-bottom: solid ;
  border-color: gray;
  background-color: white;
  color: black;
}
.nav-3{
  border: none;
  border-bottom: solid;
  border-left: solid;
  border-color: gray;
  color: black;
  background-color: white;
}






.nav-2 a {
  float: left;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border: none;
  border-right: solid;
  border-color: gray;
  color: black;
}
.nav-2 a:hover {
  background-color: #ddd;
  color: black;
}



.nav-2 a.news-navbar{
 border-left: solid;
 border-color: gray;
}
/* .nav-2 a.popular-navbar{

}   */
.nav-2 a.web-Design-navbar{
  border-bottom: solid;
  border-bottom-color: green ;
}         
.nav-2 a.javascript-navbar{
  border-bottom: solid;
  border-bottom-color: orange
}           
.nav-2 a.css-navbar{
  border-bottom: solid;
  border-bottom-color: blue
}          
.nav-2 a.jquery-navbar{
  border-bottom: solid;
  border-bottom-color: purple
}







.nav-1 a {
  float: left;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  color: black;
  font-size: 20px;
}
.nav-1 a:hover {
  background-color: #ddd;
  color: black;
}







.main{
  margin: 20px;
  padding: 20px;
}

.main-box{
  display: grid;
  grid-template-columns: 50% 50%
}


.main-box-1{
  margin: 5px;
  background-color: red;
}
.main-box-2{
  margin: 5px; 
  background-color: blue;
}

.bilde-box{
  height: 100%;
  width: 100%;
}







.main-2-box{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.bilde-box2{
  width: 90%;
  height: 90%;
  margin: 10px;
  padding: 10px;

}

/* .main-2-box-1{
  background-color: red;
}
.main-2-box-2{
  background-color: green;
}
.main-2-box-3{
  background-color: purple;
} */