body {
	padding: 10px;
  font-family: 'quicksand';
  font-size: 14px;
  color: white;
  text-shadow: 0 0 1px black;
	/* page background pattern */
	background-color: #000000;
	background-image: url("../IMG/background/IMG_3111.jpg");
	background-position: top;
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  
  
    display: flex;
    flex-direction: column;
    align-items: center; 
}

    .box{
      max-width: max-content;
      margin: 0;
      padding: 0;
      top: 0;
    }

@font-face {
  font-family: 'quicksand';
  src: url('https://fabricioveltri.neocities.org/fonts/Quicksand-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: bold;
}

#home, #next-flight{
  position: relative;
  margin:15px;
  width: 50px;
  height: 50px;
}


#belt-sign{
  position: fixed;
  width:140px;
  height:auto;
  top:0;
  right:15px;
  margin:0;
  padding:0;
}

a, a:hover, a:active, a:visited{
  text-decoration: none;
}

.title {
  font-family: 'quicksand';
  font-size: 26px;
  color: white;
  text-shadow: 0 0 3px black;
  
}

.grid-container {
  max-width: max-content;
  margin: /*top*/ 1% /*right*/ auto /*bottom*/ auto /*left*/  auto;
  display: grid;
  padding: 10px;
  background-color: #ffffff;
  border: 10px;
  border-radius: 10px;
  outline: 0px solid #444444;
	outline-offset: 0px;
  
}

/* prevents overflow on smaller screens */
img { max-width: 100%; }
pre { overflow-x: auto; }