@font-face{font-family:Nunito;src:url(../../../fonts/Nunito/Nunito-VariableFont_wght.ttf)}@font-face{font-family:Grenze Gotisch;src:url(../../../fonts/Grenze_Gotisch/GrenzeGotisch-VariableFont_wght.ttf)}:root{--primary: #d9d9d9;--secondary: #a6a6a6;--tertiary: #595959;--quaternary: #262626;--quinary: #0d0d0d;--transval: rgba(0, 0, 0, .5);--ffh: "Grenze Gotisch";--ff: "Nunito"}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--ff)}body{background:var(--quinary);color:var(--primary);display:flex;flex-direction:column;align-items:center;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--ffh);font-feature-settings:"lnum"}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;font-family:inherit;cursor:pointer}main{width:100%;max-width:1200px}nav{display:grid;width:100%;max-width:1200px;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:120px;transition:ease .3s all}nav:hover{grid-template-columns:18% 18% 28% 18% 18%}nav:hover .icon:after{opacity:1}nav:hover .icon svg{opacity:0}nav>div{display:flex;align-items:center;justify-content:space-evenly}nav .icon{height:100%;display:flex;justify-content:center;align-items:center}nav .icon svg{fill:var(--primary)!important;height:100%;transition:ease .3s all}nav .icon:after{position:absolute;display:flex;align-items:center;justify-content:center;content:"The Raccoons Keep";opacity:0;white-space:nowrap;transition:ease .3s all}nav a{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:100;font-family:var(--ffh);height:100%;padding:0 40px;transition:ease .3s all}nav a:hover{color:var(--secondary)}footer{display:flex;align-items:center;justify-content:center;height:300px;width:100%;background:var(--quaternary);font-family:var(--ffh);gap:50px;margin-top:100px}footer .col{height:100%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}footer .col .linksrow{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1.5rem}footer .col a{font-family:var(--ffh);font-size:1.75rem;text-align:center}footer .col .name{font-size:3rem;margin:0;font-family:var(--ffh)}footer .col p{font-size:1rem;margin-bottom:40px}