.menu{z-index:1000;background:#fff;width:280px;height:100vh;padding:50px 20px 20px;transition:left .35s;position:fixed;top:0;left:-380px;box-shadow:4px 0 12px rgba(0,0,0,.15)}.open{left:0}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:900;background:rgba(0,0,0,.4);width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.show{opacity:1;pointer-events:auto}.header{z-index:1100;background:#fff;justify-content:space-between;align-items:center;width:100%;max-width:600px;height:60px;margin:0 auto;padding:0;display:flex;position:fixed;box-shadow:0 4px 6px -4px rgba(0,0,0,.15)}.slot{flex:1;align-items:center;display:flex}.center{justify-content:center}.slot:first-child{justify-content:flex-start}.right{justify-content:flex-end}.imglogo{width:120px;max-width:30vw;height:auto}.icon{cursor:pointer;background:0 0;border:none;font-size:22px}.nav_bar{cursor:pointer;background-color:#1b1b1b;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:15px;transition:all .4s;display:flex;position:relative;transform:scale(.4)}.bar1,.bar2,.bar3_h,.bar4{background-color:#fff;border-radius:30px;width:50px;height:5px;transition:all .4s}.bar1{margin-bottom:15px}.bar2{position:absolute}.bar4{margin-top:15px}.active{border-radius:50px}.active .bar3_h{transform:rotate(-45deg)}.active .bar2{transform:rotate(45deg)}.active .bar1,.active .bar4{opacity:0;width:30px}.animatedButton{background-color:inherit;color:#3d3d3d;cursor:pointer;transform-origin:50%;border:4px solid transparent;border-radius:20px;align-items:center;gap:4px;padding:10px 40px;font-size:20px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;transform:scale(.6);box-shadow:0 0 0 2px #8c8c8c}.arr1,.arr2{fill:#000;z-index:9;width:24px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.arr1{right:16px}.arr2{left:-25%}.circle{opacity:0;background-color:#2fe0ff;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.animatedButton:hover{color:#212121;border-radius:12px;box-shadow:0 0 0 12px transparent}.animatedButton:hover .arr1{right:-25%}.animatedButton:hover .arr2{left:16px}.animatedButton:hover .text{transform:translate(12px)}.animatedButton:hover svg{fill:#212121}.animatedButton:hover .circle{opacity:1;width:220px;height:220px}.animatedButton:active{scale:.95;box-shadow:0 0 0 4px #adff2f}@media (max-width:600px){.imglogo{width:90px;max-width:30vw;height:auto;transform:translateY(5px)}.header{height:50px}.nav_bar{transform:scale(.35)}.animatedButton{padding:8px 29px;font-size:20px;transform:scale(.5)}}