.container {
   display: grid;
   grid-template-columns: 0.5fr 1fr 1fr;
   grid-template-rows: 1fr 3fr 2fr 0.5fr 3fr;
   gap: 10px;
   grid-template-areas:
   "logoheader logoheader logoheader"
   "sidebar main main"
   "sidebar box1 box2"
   "border border border"
   "box3 box3 box4"
    "footer footer footer";
}


.container  > div:not(.sidebar) {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.sidebar {
  display: block;
  text-align: left;
 
}
.logoheader {
   
    grid-area: logoheader;
    background-color: rgb(219, 194, 218);

}

.sidebar {

    grid-area: sidebar;
    background-color: #e0b65b;
}



.box1 {
  

    grid-area: box1;
    background-color: #a2b4e6;
}

.box2 {

    grid-area: box2;
    background-color: #dab8df;

}


.border {
   
    grid-area: border;
    background-color: lightblue;

}


.main {
   
    grid-area: main;
    background-color: rgb(190, 230, 144);

}

.box3 {
   
    grid-area: box3;
    background-color: lightgreen;

}

.box4 {
   
    grid-area: box4;
    background-color: rgb(104, 180, 170);
}

.footer {
  
   grid-area: footer;
   background-color: lightcoral;
       
}

a {
   text-decoration: none;
   color: inherit;
   cursor: pointer;
}

a:hover {
   text-decoration: none;
    color: rgb(168, 237, 247);
}

.container-digital {
   display: grid;
    gap: 10px;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: 1fr 1fr 4fr 1fr 1fr;
   grid-template-areas:

    "header-digital header-digital"
    "information-digital content-digital"
    "information-digital gallery-digital"
    "information-digital gallery-digital"
    "footer-digital footer-digital";

}


.container-digital {
    display: grid;
    
}


 ul {
  list-style-type: none;
  margin: 10px;
  padding: 10px;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
}

ul li {
  float: left;
  border-right:1px solid #000000;
}

ul li:last-child {
  border-right: none;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}



ul li a:hover:not(.active) {
  background-color: #808080;
}



ul li a.active {
  background-color: #850000;
}

.header-digital {
    grid-area: header-digital;
    background-color:rgb(185, 219, 206);
    
}


.information-digital {
    grid-area: information-digital;
    background-color:  rgb(245, 208, 140);
    
}

.content-digital {
    grid-area: content-digital;
    background-color: #cc91f3;
    
}

.gallery-digital {
    grid-area: gallery-digital;
    background-color: #ffafaf;
   
}

.footer-digital {
    grid-area: footer-digital;
    background-color: #afe693;

  
}

.container-painting {
   display: grid;
    gap: 10px;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: 0.5fr 1fr 4fr 1fr 1fr;
   grid-template-areas:

    "header-painting header-painting"
    "information-painting content-painting"
    "information-painting gallery-painting"
    "information-painting gallery-painting"
    "footer-painting footer-painting";

}

.header-painting {
    grid-area: header-painting;
    background-color:rgb(109, 66, 37);
    
}

.information-painting {
    grid-area: information-painting;
    background-color:  rgb(223, 191, 105);
    
}

.content-painting {
    grid-area: content-painting;
    background-color: #748a97;
    
}

.gallery-painting {
    grid-area: gallery-painting;
    background-color: #658b6e;
   
}

.footer-painting {
    grid-area: footer-painting;
    background-color: #5b418a;

}

.container-photography {
   display: grid;
    gap: 10px;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: 1fr 1fr 4fr 1fr 1fr;
   grid-template-areas:

    "header-photography header-photography"
    "information-photography content-photography"
    "information-photography gallery-photography"
    "information-photography gallery-photography"
    "footer-photography footer-photography";

}

.header-photography {
    grid-area: header-photography;
    background-color:rgb(122, 72, 43);
    
}

.information-photography {
    grid-area: information-photography;
    background-color:  rgb(255, 255, 255);
    
}

.content-photography {
    grid-area: content-photography;
    background-color: #ad4015;
    
}

.gallery-photography {
    grid-area: gallery-photography;
    background-color: #000000;
   
}

.footer-photography {
    grid-area: footer-photography;
    background-color: #f5b323;

  
}

.container-sculpture {
   display: grid;
    gap: 10px;
   grid-template-columns: 1fr 2fr;
   grid-template-rows: 1fr 1fr 4fr 1fr 1fr;
   grid-template-areas:

    "header-sculpture header-sculpture"
    "information-sculpture content-sculpture"
    "information-sculpture gallery-sculpture"
    "information-sculpture gallery-sculpture"
    "footer-sculpture footer-sculpture";

}

.header-sculpture {
    grid-area: header-sculpture;
    background-color:rgb(207, 201, 193);
    
}

.information-sculpture {
    grid-area: information-sculpture;
    background-color:  rgb(73, 73, 73);
    
}

.content-sculpture {
    grid-area: content-sculpture;
    background-color: #332404;
    
}

.gallery-sculpture {
    grid-area: gallery-sculpture;
    background-color: #4d3333;
   
}

.footer-sculpture {
    grid-area: footer-sculpture;
    background-color: #5c5c5c;

  
}

.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.nav-links{
  list-style:none;
  display:flex;
  gap:20px;
}

.nav-links a{
  text-decoration:none;
  color:black;
}