:root{--hamburger-size:30px}.navbar{z-index:10;background-color:pink;padding:12px 10px;box-shadow:0 0 5px #000}#hamburger-toggle{display:none}#home-link div{margin:-12px 0}#home-link div img{object-fit:contain;width:min(20dvw,25dvh);height:100%}@media (max-width:520px){#hamburger-toggle{cursor:pointer;position:absolute;right:0}#hamburger{cursor:pointer;width:var(--hamburger-size);height:var(--hamburger-size);box-sizing:content-box;z-index:101;margin-right:7px;padding:.5rem;transition:transform .2s;display:block;position:absolute;right:0}#hamburger .slice{--slice-height:2px;width:100%;height:var(--slice-height,2px);border-radius:var(--slice-height);opacity:.9;margin-top:22%;margin-top:calc(33% - var(--slice-height));top:calc((33% - var(--slice-height))/-2);background-color:#fff;transition:all .2s;display:block;position:relative}#hamburger-toggle:checked~#menu{visibility:visible;opacity:1;transform:rotateX(0)}#menu{visibility:hidden;z-index:100;z-index:30;position:absolute;top:100%;left:0}#hamburger-toggle:checked~#menu{visibility:visible;opacity:.8;background-color:#000;transform:rotateX(0)}#hamburger-toggle:checked~#hamburger .slice:first-child{top:calc(50% - 33% + var(--slice-height)/2);transform:rotate(45deg)}#hamburger-toggle:checked~#hamburger .slice:nth-child(2){opacity:0}#hamburger-toggle:checked~#hamburger .slice:nth-child(3){top:calc(-50% + var(--slice-height)/2);transform:rotate(-45deg)}#menu{align-items:end;width:100%;height:60dvh;position:absolute;top:0;left:0}#home-link{align-self:flex-start}#home-link div{margin-top:3%}#home-link div img{width:55dvw}}