.menu{display:none;position:relative}.menu ::selection{background-color:var(--color-black)}@media only screen and (max-width:37.5em){.menu{display:block}}.menu__btn{z-index:10000;background-color:var(--color-white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:5.2rem;height:5.2rem;display:flex;position:fixed;top:3rem;right:3rem;box-shadow:0 3px 8px #0000003d}.menu__open{justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;transition:all .5s;display:flex}.menu__open--icon{fill:var(--color-black);width:100%;height:100%}.menu__open--active{width:0;height:0;font-size:0}.menu__close{cursor:pointer;justify-content:center;align-items:center;width:0;height:0;font-size:0;transition:all .4s;display:flex}.menu__close--icon{fill:var(--color-black);width:100%;height:100%}.menu__close--active{width:100%;height:100%;font-size:24px}.menu__background{background-color:var(--color-tri);z-index:10;border-radius:50%;width:2rem;height:2rem;transition:all .8s;position:fixed;top:4.6rem;right:4.8rem}.menu__background--active{z-index:1000;opacity:1;width:3rem;height:3rem;transition:transform 1.2s;transform:scale(100)}.menu__bar{z-index:1000;-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;height:100dvh;transition:all .5s;display:flex;position:fixed;top:0;left:-100%;overflow-y:auto}.menu__bar--active{left:0}.menu__items{margin-top:10rem;margin-left:4rem;list-style:none}@media only screen and (max-width:31.25em){.menu__items{margin-left:0}}.menu__link{opacity:0;color:var(--color-white);margin:3rem 3rem 3rem 0;transition:all .4s;transform:translate(-3rem)}.menu__link--portfolio{transition-delay:.3s}.menu__link--about{transition-delay:.4s}.menu__link--services{transition-delay:.5s}.menu__link--course{transition-delay:.7s}.menu__link--insights{transition-delay:.8s}.menu__link--contact{transition-delay:.9s}.menu__link--active{opacity:1;transform:translate(6rem)}.menu__link .link{color:var(--color-primary);text-transform:uppercase;font-size:5rem;font-weight:900;position:relative}@media only screen and (max-width:31.25em){.menu__link .link{font-size:3.2rem}}.menu__link .link:after{content:"";background-color:currentColor;width:0;height:3px;transition:all .2s linear;display:inline-block;position:absolute;bottom:0;left:0}.menu__link .link:hover:after{width:100%}.menu__link:active{top:1px}.menu__dropdown{color:var(--color-white);margin-left:2rem;list-style:inside;display:none;transform:translateY(-8px)}.menu__dropdown-active{display:block}.menu__dropdown>li{margin-bottom:1.2rem}.menu__dropdown-link{color:var(--color-primary);text-transform:uppercase;font-size:2rem;font-weight:900}.menu__contact{flex-direction:column;row-gap:1rem;width:60%;margin-top:auto;margin-left:auto;margin-right:auto;padding:2rem;display:flex;transform:translateY(0)}@media only screen and (max-width:31.25em){.menu__contact{width:100%}}.menu__social{justify-content:space-evenly;margin:0 2rem;display:flex}.menu__email{text-align:center;color:var(--color-white);letter-spacing:1px;font-size:2rem;font-weight:600}.social__link{font-size:3rem}