h1 {
  text-align: center;
  font-family: 'Impact', 'Arial', sans-serif;
  font-size: 5rem;
  color:  rgba(99, 184, 46, 0.7); 
  text-transform: uppercase;
  letter-spacing: 4px;
 
}
body {
    margin: 0;
  padding: 0;
}

.DivCentraliser {
    box-sizing: border-box;
   display: flex;
  justify-content: center;
  align-items: center;
  background-color : black;
  width: 100%;
  height: 1980px;
  margin: 0%;
  padding: 0%;
  overflow: hidden;
}

.Pages {
  margin-top: 2%;
  outline: 2px solid #20B83F;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1%;
  box-shadow: 0 0 4px rgba(32, 184, 63, 0.25);
}

.Side1{ 
  border-right: 2px solid #20B83F;

width: 15%;
height: 100%;
justify-content: center;
align-items: center;
}

.Side2{ 
  border-left: 2px solid #20B83F;

width: 15%;
height: 100%;
justify-content: center;
align-items: center;
 box-shadow: 0 0 4px rgba(32, 184, 63, 0.25);
}
.Header{ 
  outline: 2px solid #20B83F;
 background-color: rgba(255, 255, 255, 1)
width: 100%;
height: 10%;
justify-content: center;
align-items: center;
 box-shadow: 0 0 4px rgba(32, 184, 63, 0.25);
}
.GeneralDiv {
      background-color: #0c100c; 
  color:#20B83F; 
  padding: 20px;
  font-family: 'Courier New', monospace;
  position: relative;
  

  background-image: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.25) 50%
  );
  background-size: 100% 4px; 
  
 box-shadow: 0 0 4px rgba(32, 184, 63, 0.25);

  width: 70%;
  height: 100%;
  display: flex;
    flex-direction: column;
 
 
}