body {
 background-color: #657be2;
  color: #fcf3cf;
  
  display: flex;
  flex-direction: column;
  background-image: url('http://dl10.glitter-graphics.net/pub/590/590940trx4idmwj8.gif');
background-attachment: fixed;
background-repeat: repeat;
margin: 0%;
align-items: center;
}

header {
 text-align: center;
 font-size: 48px
}

@font-face {
  font-family: 'font_h1';
  src: url('/fonts/ModernDOS8x16.ttf');
} 

h1 {
  font-family: 'font_h1', sans-serif;
  text-align: center;
  font-size: 48px
}
@font-face {
font-family: 'font_h2';
  src: url('/fonts/Workbench-Regular-VariableFont_BLED,SCAN.ttf');
}

h2 {
  font-family: 'font_h2', sans-serif;
} 

@font-face {
  font-family: 'font_p';
  src: url('/fonts/ModernDOS8x16.ttf');
}  

#main{
  display: flex;
  flex-direction: row-reverse;
  width: 1000px;
  justify-content: space-between;
  
}

#presentation p{
  display: flex;
  flex: 4;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: 'font_p', sans-serif;
  text-align: justify;
  margin-right: 20px;
} 
#presentation h2 {
  display: flex;
  flex: 1;
  margin-left: 10px;
  text-align: center;
}

h3 {
  font-family: 'font_h2', sans-serif;
  margin: 10px;
  font-size: 18px;
  text-align: center;
  flex: 1;

} 

#presentation{
  display: flex;
  flex-direction: column;
  background: rgba(188, 199, 251, 0.8);
  padding: 10px;
  width: 700px;
  border: 3mm ridge rgba(255, 250, 99, 0.6);

}

ul {
  font-family: 'font_p', sans-serif;
} 

#menu{
  display: flex;
  flex-direction: column;
  background: rgba(188, 199, 251, 0.8);
  padding: 5px;
  height: fit-content;
  width: 200px;
  border: 3mm ridge rgba(255, 106, 244, 0.6);
}


#neocities_img {
  width: 100px;
  height: auto
}

#chi{
  display: flex;
  flex-direction: row;
  align-self: flex-end;
}

#construction{
  position: fixed;              
  top: 0;
  left: 0;
  transform: rotate(-45deg) translate(-40px, 3px);
  z-index: 9999;                 /* Garantisce che sia sopra ad altri contenuti */
  pointer-events: none; 
}


footer {
display: flex;
  align-items: center;
  justify-content: center;
  
}