@font-face {
    font-family: roadRage;
    src: url(fonts/Roadrage-owgBd.otf);
  }
@font-face {
    font-family: VT323;
    src: url(fonts/VT323-Regular.ttf);
  }
@font-face {
font-family: retroSignature;
src: url(fonts/RetroSignature-2ODoK.otf);
}
.wrapper { 
    min-height: 100vh;   
    display: grid;    
    grid-template-rows: 
        [header] auto [menu] auto
        [main] 1fr [footer] 80px;
    grid-gap: 10px;
    padding: 10px;
    
}
.header {    
    padding: 0px;
    text-align: center;
    display: grid;
    grid-template-rows: 50px 10px;
    grid-template-columns: 25% 50% 25%;
    row-gap: 20px;         
    
}
.menu {
    background-image: linear-gradient(to right, yellow, red);    
    text-align: left;
    padding: 10px;
    border-color: black;
    box-shadow: 2px 5px 5px black;
}
.main {
    padding: 10px;
    text-align: left;
}
.footer {
    text-align: center;
    grid-row-start: 4;
    grid-row-end: 5;
}
#title {
    font-family: roadRage; 
    text-align: center;
    min-width: 50px;   
    font-size: 64px;
    color: black;
    text-shadow: 5px 5px white, 10px 10px 5px pink;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;    
    grid-row-end: 2;
       
}
#subtitle {
    font-family: retroSignature;
    text-align: center;    
    font-size: 48px;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;    
    grid-row-end: 3;
}
#header_left {
    
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;    
    grid-row-end: 4;
    
    
}
#header_right {
    text-align: right;
    font-size: 24px;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;    
    grid-row-end: 4;
}
hr {
    height: 8px;  
    background-image: linear-gradient(to right, yellow, red); 
    width: 100%;
    border-color: black; 
    box-shadow: 2px 5px 5px black; 
}
a {
    font-family: VT323;
    font-size: 18px;
    color: black;
    padding: 10px
    
}
p {    
    font-family: VT323;
}
html {
    height: 100%;
}
body {
   /*background-color: #7fffd4;*/
   background-color: #80e5ff;
   font-family: VT323;
}