.page-footer{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-dark);padding:var(--container-padding);color:var(--color-white)}.page-footer .menu{display:flex;margin:-0.5em -0.8em;list-style:none;padding:0}.page-footer .menu li{margin:0 .3em}.page-footer .menu a{padding:.5em;color:var(--color-white);text-decoration:none;transition:.2s ease}.page-footer .menu a:hover{color:var(--color-neongreen)}.page-footer .copyright{margin:0}.page-footer .to-top{position:absolute;display:flex;align-items:center;justify-content:center;right:0;top:0;font-size:0;width:60px;height:60px;background-color:var(--salmon);margin:-30px 30px}.page-footer .to-top::before{content:"";content:"";display:inline-block;vertical-align:text-top;background-color:var(--icon-color, var(--text-color));width:var(--icon-size, 1em);height:var(--icon-size, 1em);-webkit-mask-size:contain;mask-size:contain;-webkit-mask:var(--icon) no-repeat center;mask:var(--icon) no-repeat center;--icon: var(--icon-arrow-up);--icon-color: var(--primary);--icon-size: 24px}@media(max-width: 999px){.page-footer{flex-direction:column;align-items:flex-start}.page-footer .menu{margin:2em -0.8em}}@media(max-width: 567px){.page-footer .menu{display:block;margin:2em 0}.page-footer .menu li{margin:1em -0.5em}}
