.hamburger{position:absolute;cursor:pointer;z-index:30;padding:2px}.hamburger input{display:none}.hamburger svg{transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:30}.line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.circle{position:fixed;top:min(-50vh,-50vh);left:min(-50vw,-50vh);width:min(50vw,50vh);height:min(50vw,50vh);background:var(--secondary);border-radius:50%;transform-origin:center center;transform:scale(0);transition:transform .7s ease;z-index:10}.circle.expanded{transform:scale(18)}.burgerItems{align-items:center;justify-content:center}#burgerName,.burgerItems{text-align:center;flex-direction:column}#burgerName{font-size:1.4rem}#rectangle{display:inline-block;width:100%;height:2px;background-color:white;border-radius:10px}.burgerBtn{display:flex;width:100%;background:transparent;border:none;padding:1rem;margin:0;color:#ffedd3;text-transform:uppercase;position:relative;transition:.5s ease;cursor:pointer;text-align:center;font-size:1.3rem}.burgerBtn:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background-color:var(--accent);transition:.5s ease}.burgerBtn:hover{color:#1e1e2b;transition-delay:.5s}.burgerBtn:hover:before{width:100%}.burgerBtn:after{content:"";position:absolute;left:0;bottom:0;height:0;width:100%;background-color:var(--accent);transition:.4s ease;z-index:-1}.burgerBtn:hover:after{height:100%;transition-delay:.4s;color:aliceblue}