body{margin-top:80px}.menu{display:flex;align-items:center;justify-content:space-between;padding:0 3rem;background-color:var(--main-bg-color);position:fixed;top:0;width:100%;z-index:100;height:80px}.menu__logo{cursor:pointer}.menu__option{display:flex;align-items:center;gap:3rem;font-size:1rem;height:6rem}.menu__option>li{cursor:pointer;color:var(--primary-text-color)}.menu__option>li:hover{color:var(--second-text-color)}.menu__item--has-submenu{position:relative}.menu__item--has-submenu .submenu{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;background-color:var(--main-bg-color);box-shadow:0 4px 8px rgba(0,0,0,.1);padding:0;margin:0;list-style:none;transition:opacity .4s ease,visibility .4s ease}.menu__item--has-submenu:hover .submenu{opacity:1;visibility:visible}.submenu li{padding:10px 20px}.submenu li a{text-decoration:none;color:var(--primary-text-color);display:block}.submenu li a:hover{color:var(--second-text-color)}.menu__burger{display:none}@media (max-width:1190px){.menu{padding:20px}.menu__burger{background:none;border:none;color:var(--primary-text-color);cursor:pointer;z-index:1001;display:block}.menu__option{display:flex;flex-direction:column;align-items:center;background-color:var(--main-bg-color);position:absolute;top:100%;right:0;width:100%;height:100vh;padding-top:2rem;transform:translateX(100%);transition:transform .5s ease-in-out,opacity .5s ease-in-out;gap:0;opacity:0;pointer-events:none}.menu__option--open{transform:translateX(0);opacity:1;pointer-events:auto}.menu__option>li{margin:1rem 0;font-size:1.5rem}.menu__item--has-submenu .submenu{display:none}}.menu--active{color:var(--second-text-color)}