/* ==================================================== THE WHOLE THING ITSELF ==================================================== */
html {
  background-image: url(/imgs/bg.png);
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 20% 19%;
  color: white;
  font-family: "VT323-Regular";
  font-size: 16px;
  text-align: center;
  min-width: 1920px;
  max-width: 1920px;
  overflow-x: hidden;
  }


body {
    cursor: url("/imgs/cursor.png"), auto;
  }
  

a {
  cursor: url("/imgs/cursorSelect.png"), auto;
  }  
  
  
/* =================================================== THE HEADER =================================================== */ 
#logo {
  width: 510px;
  height: 200px;
  object-fit: cover;
  display: block;
  margin: auto;
  }


/* =================================================== THE BIG CONTAINER (NO ONE TOUCH IT RAA) =================================================== */ 
.box {
  max-width: 100%;
  margin: auto;
  border: dashed;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 4px 8px 0 rgba(137, 207, 183, 0.7), 0 6px 20px 0 rgba(137, 207, 183, 0.7);
  }
    
  
/* =================================================== FOOTER + BUTTONS =================================================== */
a:link{  
  color: #c2ffe9;
  text-decoration: none;
  }
  
a:hover {
  color: #c2ffe9;
  text-decoration: underline;
  }


a:visited {
  color: #4f9e81;
  text-decoration: underline;
  }