#menu__toggle[data-v-f654ca38]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.menu__btn[data-v-f654ca38]{cursor:pointer;display:flex;height:18px;position:relative;width:18px;z-index:10}@media (min-width:768px){.menu__btn[data-v-f654ca38]{height:26px;width:30px}}.menu__btn span[data-v-f654ca38]:before{content:"";top:12px}@media (min-width:768px){.menu__btn span[data-v-f654ca38]:before{top:18px}}.menu__btn span[data-v-f654ca38]:after{content:"";top:6px}@media (min-width:768px){.menu__btn span[data-v-f654ca38]:after{top:9px}}.menu__btn>span[data-v-f654ca38],.menu__btn>span[data-v-f654ca38]:after,.menu__btn>span[data-v-f654ca38]:before{background-color:#4f46e5;border-radius:1px;display:block;height:2px;position:absolute;transition:.3s;width:100%}@media (min-width:768px){.menu__btn>span[data-v-f654ca38],.menu__btn>span[data-v-f654ca38]:after,.menu__btn>span[data-v-f654ca38]:before{height:3px}}.menu__btn>span.active[data-v-f654ca38],.menu__btn>span.active[data-v-f654ca38]:after,.menu__btn>span.active[data-v-f654ca38]:before{background-color:#fff}#menu__toggle:checked~.menu__btn>span[data-v-f654ca38]{transform:rotate(45deg)}#menu__toggle:checked~.menu__btn>span[data-v-f654ca38]:before{top:0;transform:rotate(0)}#menu__toggle:checked~.menu__btn>span[data-v-f654ca38]:after{top:0;transform:rotate(90deg)}header.porfolio[data-v-98e5e7fa]{transform:translateY(0)}header.porfolio.is-hidden[data-v-98e5e7fa]{transform:translateY(-100%)}header.porfolio .s-up[data-v-98e5e7fa]{margin-top:25%}header.porfolio.page-up[data-v-98e5e7fa]{background:#fff;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;transform:translateY(0)}header.porfolio.page-up .open-side-menu[data-v-98e5e7fa]{height:100vh;left:0;top:0;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:640px){header.porfolio.page-up .open-side-menu[data-v-98e5e7fa]{width:350px}}header.porfolio.page-up .open-side-menu nav ul a[data-v-98e5e7fa]{align-items:center;background-color:#ffffff2e;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:.625rem auto;padding-bottom:1.25rem;padding-top:1.25rem;width:91.666667%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}header.porfolio.page-up .open-side-menu nav ul a[data-v-98e5e7fa]:hover{background-color:#ffffff1a}@media (min-width:640px){header.porfolio.page-up .open-side-menu nav ul a[data-v-98e5e7fa]{width:83.333333%}}