@font-face{font-family:Inconsolata;src:url(/assets/inconsolata.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}iframe{position:fixed;z-index:-1;width:100dvw;height:100dvh;border:none}.SR{width:calc(100dvw - 10px);height:calc(100dvh - 10px);top:5px;left:5px}body{margin:0;overflow:hidden;font-family:Inconsolata;box-sizing:border-box;overflow-y:auto}.hamburger-btn span{display:block;width:70px;height:12px;background-color:red;transition:all .3s ease}.nav{position:fixed;top:5%;left:10%;z-index:1000}.hamburger-btn{position:relative;width:70px;height:40px;cursor:pointer;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;z-index:1000;background:transparent;border:none}.menu{position:absolute;display:flex;flex-direction:column;counter-reset:menu-item;gap:12px;top:60px;padding:20px;border:1px solid #000;background:#fff;z-index:1000;width:100px}.menu .small{font-size:15px;color:#000;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}@keyframes typing{0%{width:0}to{width:96px}}.menu a{color:#000;font-size:24px;counter-increment:menu-item;padding:4px 0;overflow:hidden;width:0;text-decoration:none}.menu a:nth-child(1){animation:typing .3s steps(8,end) forwards}.menu a:nth-child(2){animation:typing .35s steps(8,end) forwards}.menu a:nth-child(3){animation:typing .4s steps(8,end) forwards}.menu a:nth-child(4){animation:typing .45s steps(8,end) forwards}.menu a:nth-child(5){animation:typing .6s steps(8,end) forwards}.menu a:hover{text-decoration:underline}.menu a.disabled{opacity:.5;cursor:default;pointer-events:none}.menu a.disabled:hover{text-decoration:none}.contact{color:#000;text-decoration:none;position:fixed;font-size:26px;bottom:10%;right:20%}.nav{transition-property:left top;transition:.3s ease}.nav.unobtrusive{top:15px;left:15px}.hamburger-btn.active span:nth-child(1){transform:translateY(12px)}.hamburger-btn.active span:nth-child(2){transform:translateY(12px)}.hamburger-btn.active span:nth-child(3){transform-origin:center;transform:translateY(-12px) rotate(45deg)}@media only screen and (max-width: 768px){.contact{font-size:22px;bottom:55px;right:55px}.hamburger-btn{width:50px}.hamburger-btn span{width:50px;height:8px}.hamburger-btn.active span:nth-child(3){transform:translateY(-10px) rotate(45deg)}}
