#footer{background:rgb(33,32,34);padding:1.5em}#footer>div{display:grid;grid-template-columns:auto auto auto auto auto;height:100%}#footer>div>div{display:flex;flex-direction:column;contain:size;border-right:2px solid #333;padding-inline:1em}#footer>div>div:last-child{display:flex;justify-content:center;align-items:center;border-right:none}#footer h3{color:#eee;font-family:tw}#footer ul>li{list-style:none}#footer a{display:block;color:#ccc;font-family:tw;width:-moz-fit-content;width:fit-content;margin:.2em 1em}#footer a:hover{color:#fff;text-decoration:underline}#footer .logo{width:50%;height:100%}@media only screen and (max-width:720px){#footer>div{display:grid;grid-template-columns:auto auto auto}#footer>div>div:nth-child(3),#footer>div>div:nth-child(4){display:none}}@media only screen and (max-width:550px){#footer>div{display:grid;grid-template-columns:auto auto}#footer>div>div:nth-child(5){display:none}}@media only screen and (max-width:420px){#footer{padding-bottom:4em;height:24em}#footer>div{grid-template-columns:auto;grid-template-rows:auto auto}}#header{display:grid;grid-template-columns:auto auto auto;background-color:#8734db}#header>div{display:flex;width:auto}#logo{height:100%;width:min-content;padding:1em;align-self:center;animation:joinLogo .75s cubic-bezier(0,.9,0,.99);transition:transform .1s}@keyframes joinLogo{0%{transform:translateX(-5em)}to{transform:translateX(0)}}.init{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;height:5em;width:max-content}.init:hover>#logo{transform:scale(1.1)!important;transition:transform .1s}#name{justify-self:left;align-self:center;font-family:logoFont}#name,.link{color:var(--ctWhite)}.link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;-webkit-border-start:1px rgb(155,80,206) solid;border-inline-start:1px solid rgb(155,80,206)}.link:hover{background-color:#fff4}.link>img{width:1em;height:auto;margin:.25em;image-rendering:pixelated}@media only screen and (max-width:720px){#header{grid-template-columns:auto auto repeat(2,8em)}a.link:nth-child(3n){display:none}}@media only screen and (max-width:550px){#header{grid-template-columns:auto auto 8em}a.link:nth-child(0n){display:none}}@media only screen and (max-width:480px){#header{grid-template-columns:auto;justify-items:center}#header>:not(:first-child){display:none}#header>.init{display:flex;flex-direction:column;justify-content:center}#header>.init>img{height:50%!important;padding:.25em!important}#header>.init>h1{font-size:18pt}}