@font-face{
  font-family: 'aribold';
  
  src:url(fonts/ari-w9500-bold.ttf) format('truetype');
}
@font-face{
  font-family: 'cursive';
  src:url(fonts/VNPxCopperplate.ttf) format('truetype');
}
@font-face{
  font-family: 'ari';
  src:url(fonts/ari-w9500.ttf) format('truetype');
}

@font-face{
  font-family: 'disco';
  
  src:url(fonts/d2k.ttf) format('truetype');
}

.box{
  display: grid;
  max-width: 900px; 
  margin: 15px auto;
  grid-gap: 10px;
  grid-template-columns: 250px minmax(0, 1fr);
  
}

header{
 background-image: url("assets/18plusresized.png");
}

nav, main, footer{
 background-color: rgb(255,150,143);
 border-radius: 2px;
}

header{
  grid-row: 1/2;
  grid-column: 1/3;
}


nav{
  grid-row: 2/3;
  grid-column: 1/2; 
  height: max-content;
}

main{
  grid-row: 2/3;
  grid-column: 2/3;
  height: max-content;
}

misc{
  grid-row: 3/4;
  grid-column: 1/3;
}

footer{
  grid-row: 4/5;
  grid-column: 1/3;
  
}

body {
  background-color: rgb(255,221,219);
  color: rgb(73,2,2);
  font-family: 'ari';
  font-size: 14pt;
  
}

h1{
 color: rgb(73,2,2);
  font-family: 'aribold';
  font-size: 14pt; 
   margin: 0;
  padding: 0;
}

h2{
  color: rgb(73,2,2);
  font-family: 'aribold';
  font-size: 10pt; 
   margin: 0;
  padding: 0; 
}

h3{
  color: rgb(73,2,2);
  font-family: 'cursive';
  font-size: 24pt; 
   margin: 0;
  padding: 0; 
}

h6{
  color: rgb(73,2,2);
  font-family: 'disco';
  font-size: 42pt;
  font-weight: 100;
  margin: 0;
  padding: 0;
}

ul{
  margin: 0;
  padding: 5px;
}

ul li::marker{
  content: none;
}

a:link {
  color: rgb(73,2,2);
}

a:visited {
  color: rgb(73,2,2);
}

a:hover {
  color: rgb(85,149,68);
}

a:active {
  color: rgb(73,2,2);
}