/* {} */

body {
  background-color: black;
  margin: 20px;
  /*padding-left:20%;
  padding-right:20%;*/
}

#full-header  {
  display: flex;
  justify-content: space-between;
  column-gap:20px;
  height: 222px;
  margin-bottom:20px;
}

#side-header {
  width:25%;
  height:200px;
  background-color: black;
  border:solid thin white;
  padding:10px;
}

#inner-box {
  height: stretch;
  border:dashed thin white;
  padding:10px;
}

.border-window {
  border-image-url: url(/immagini/window%20border%20white.png); 
  border-image-width: 30px 37px 30px 37px;
  border-image-slice: 30 37 30 37 fill;
  padding: 30px 37px 30px 37px;
  border-image-repeat: round stretch;
}

header {
  background-color: black;
  border:solid thin white;
  padding:10px;
  width: stretch;
  height:200px;
}

.inner-header {
  align-content:end;
  height:160px;
  border:dashed thin white;
}

 .inner-header h1 {
  margin-left:20px;
  color:white;
  font-family: Monospace ;
  font-weight: lighter;
  letter-spacing: 4px;
  filter: drop-shadow(0px 0px 6px white);
  word-spacing: -20px;
}

 #navbar {
  display: flex;
  list-style: none;
  justify-content: space-around;
 /* justify-content: flex-start;*/
  padding: unset;
  margin-block-start: 13px;
}

#navbar li {
  font-size: large;
  
}

a {
  color:white;
  font-family: Monospace ;
  font-weight: lighter;
  filter: drop-shadow(0px 0px 6px white);
  text-decoration: none;
  padding: 5px;
}


a:hover {
  color:cyan;
  filter: drop-shadow(0px 0px 0px black);
  border: 1px solid cyan;
  transform: scale(2);
}
  
  
 /*extreamely complex body*/ 
  
  #flex {
    display: flex;
    height:70vh;
    justify-content: space-between;
    column-gap: 20px;
  } 

.box  {
  border:solid thin white;
  padding:10px;
  width:stretch;
  height:stretch;
}


 aside {
   height:stretch;
   width:27%;
   display: flex;
   flex-direction: column;
   row-gap: 20px;
 } 

#menu {
  height:160%;
}



#center {
  width: stretch;
 
}




/*cabinet homepage {} */ 


.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 20px;
    height:100%;
}
    
#div1 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    border-image-source: url(/immagini/window%20border%20white.png);
    border-image-outset:0px 0px 0px 0px;
    border-image-slice:22 37 17 36;
    border-image-width:35px 60px 20px 60px;;
    border-image-repeat:round round;


}

#div2 {
    grid-column-start: 3;
}

#div3 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}

#div4 {
    grid-row: span 2 / span 2;
    grid-row-start: 3;
}

#div5 {
    grid-row-start: 3;
}

#div6 {
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 4;
}