.top-bar{display:block;padding:1.2rem 0;position:fixed;top:0;transition:top .5s ease-in-out;width:100%;z-index:10000}.top-bar a{text-decoration:none}.top-bar.hide-bar{top:-100px}.top-bar .icon{display:flex}.top-bar .flex{align-items:center;justify-content:space-between}.top-bar .checkbox{opacity:0;position:absolute}.top-bar .checkbox-label{align-items:center;background-color:#111;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:8px 12px;position:relative;width:54px}@media only screen and (max-width:600px){.top-bar .checkbox-label{height:16px;width:34px}}.top-bar .fa-moon{animation-duration:18s;animation-iteration-count:infinite;animation-name:rotateMoon;color:#c6c6c6}.top-bar .fa-sun{animation-duration:10s;animation-iteration-count:infinite;animation-name:rotateSun;animation-timing-function:linear;color:#f4a11b}.top-bar .checkbox-label .ball{background-color:#fff;border-radius:50%;height:30px;left:6px;position:absolute;top:6px;transition:transform .2s linear;width:30px}.top-bar .checkbox:checked+.checkbox-label .ball{transform:translate(36px)}@keyframes rotateSun{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateMoon{0%{transform:rotate(220deg)}25%{transform:rotate(280deg)}50%{transform:rotate(220deg)}75%{transform:rotate(280deg)}to{transform:rotate(220deg)}}.nav[data-v-d90d2db0]{background:grey;border-radius:.5rem;bottom:2rem;display:inline-flex;justify-content:center;left:0;list-style-type:none;margin:auto;padding:.5rem;position:fixed;right:0;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content}.nav.hide-nav[data-v-d90d2db0]{bottom:-100px}.nav li[data-v-d90d2db0]{align-items:center;display:inline-flex;justify-content:center;padding:1rem .8rem}.nav li.active[data-v-d90d2db0]{background:#e7efd3;border-radius:.5rem}.nav li.active a[data-v-d90d2db0]{color:#000;font-weight:500}.nav li a[data-v-d90d2db0]{color:#e7efd3;font-size:.8rem;text-decoration:none;text-transform:uppercase}.footer{color:#fff;height:200px;justify-content:center}.footer,.footer .inner{align-items:center;display:flex}.footer .inner{justify-content:space-between}@media only screen and (max-width:1024px){.footer .inner{flex-direction:column}}.footer ul{display:flex;list-style:none;margin-left:0;padding-left:0}.footer ul li{font-size:1em;margin:0 1rem}@media only screen and (max-width:1024px){.footer ul li{margin:0 1rem}}.footer ul li:first-of-type{margin-left:0}.footer ul li a{color:#fff;text-decoration:none;transition:scale .5s ease-in-out}.footer ul.socials li:hover{cursor:pointer;transform:scale(1.1)}