@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";body{margin:0;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav-load-time: .3s;--nav-link-load-time: .5s;--article-load-delay: calc(var(--nav-load-time) + var(--nav-link-load-time))}*{scrollbar-color:#202324 #454a4d}:root{--primary-color: black;--secondary-color: #ccd6f6;--cont1-color: white;--cont2-color: orange;--background-color: rgba(46, 43, 43, .486);--body-color: black;--new-color: #0a192f;--dark-navy: #020c1b;--light-navy: #112240;--green: #64ffda;--green-tint: rgba(3, 3, 3, .1);--slate: #8892b0;--navy-shadow: rgba(2,12,27,.7);--dark-slate: #495670;--transition: all .25s cubic-bezier(.645, .045, .355, 1)}.dark-theme{--primary-color: whitesmoke;--secondary-color: black;--cont1-color: orange;--cont2-color: black;--background-color: whitesmoke;--body-color: white}.App{text-align:center;background-color:var(--new-color);cursor:none;font-family:Manrope,sans-serif}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cursor{width:50px;height:50px;pointer-events:none;background-color:#fff;border-radius:50%;color:#000;position:absolute;transition:.45s ease-out;z-index:10;mix-blend-mode:exclusion;animation:cursorName .5s infinite alternate}.cursor2{width:10px;height:10px;transition:.2s ease-out}@media screen and (max-width: 800px){.cursor{display:none}}@keyframes background-anim{0%{opacity:0}to{opacity:1}}.background-video{height:100%;width:100%;margin:0;padding:0;position:absolute;top:0;left:0;display:flex;justify-content:center;z-index:1;align-items:stretch;align-content:stretch}.background{width:100%;height:100%}#tsparticles{width:100%}.landing__top{padding:180px 100px 160px;text-align:center;font-weight:800;position:relative;overflow:hidden;max-height:100vh;font-family:Manrope,sans-serif;background:var(--new-color)}@media (max-width: 764px){.landing__top{text-align:left;padding-bottom:80px}}@media (max-width: 600px){.landing__top{padding:180px 70px 80px}}@media (max-width: 400px){.landing__top{padding:180px 50px 80px}}.landing__top .sub{font-size:14px;color:#868f97;text-transform:uppercase;letter-spacing:.2em}.landing__top .landing__main{font-size:75px;line-height:1.2;margin-top:30px;margin-bottom:50px;position:relative}@media (max-width: 764px){.landing__top .landing__main{display:none}}.landing__top .landing__main .text-con{position:relative;display:inline-block;overflow:hidden;white-space:pre;color:var(--secondary-color)}.landing__top .landing__main .text{transform-origin:50% 100%;display:inline-block}@media (max-width: 764px){.landing__top .landing__main br{display:none}}@media (max-width: 970px){.landing__top .landing__main{font-size:50px}}@media (max-width: 764px){.landing__top .landing__main{font-weight:600;font-size:40px}}.landing__top .landing__main2{font-weight:800;display:none;color:var(--secondary-color)}@media (max-width: 764px){.landing__top .landing__main2{display:block;font-size:40px;font-weight:600}}.landing__top .links{font-weight:800}.landing__top .links a{color:var(--green)}.landing__top .links span{margin-left:10px;z-index:1!important;position:relative}.landing__top .links span:nth-child(3){color:var(--green)}.item{color:var(--green);cursor:pointer!important;font-weight:700}#dash{color:var(--secondary-color)!important}.landing__top .scroll-down{display:inline;position:absolute;left:30px}@media (max-width: 780px){.landing__top .scroll-down{display:none}}.landing__top .shapes .main-circle{z-index:-1;position:absolute;top:43%;left:20%;width:70px;height:70px;background:none;border:15px solid red;border-radius:50%}@media (max-width: 780px){.landing__top .shapes .main-circle{display:none}}.landing__top .shapes .shape-1{position:absolute;left:6%;bottom:10%;transform-origin:center center}@media (max-width: 780px){.landing__top .shapes .shape-1{display:none}}.landing__top .shapes .shape-1:before{content:"";position:absolute;left:-10px;background:purple}.landing__top .shapes .shape-1:after{content:"";position:absolute;background:#fff;transform:rotate(-180deg)}.landing__top .shapes .shape-2{position:absolute;top:15%;left:13%;transform-origin:center center}@media (max-width: 780px){.landing__top .shapes .shape-2{top:20%;left:10%}}.landing__top .shapes .shape-2 svg{height:35px;width:35px;transform:rotate(40deg)}.landing__top .shapes .shape-2 polygon{stroke:#00f;stroke-width:20}.landing__top .shapes .shape-3{position:absolute;right:2%;top:30%;width:15px;height:15px;background:none;border:3px solid purple;transform:rotate(-140deg);transform-origin:center center}@media (max-width: 780px){.landing__top .shapes .shape-3{right:10%}}.landing__top .shapes .shape-4{right:28%;position:absolute;width:13px;height:13px;background:none;border:4px solid green;border-radius:50%;transform-origin:center center}.firstLinks{text-decoration:none}@media (max-width: 780px){.landing__top .shapes .shape-4{bottom:5%}}@media (max-width:500px){.landing__top .sub{font-size:12px}}#tsparticles>canvas{position:relative!important}.project{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:625px;height:710px;margin-bottom:50px;opacity:0;transform:translateY(150px);transition:all 1.2s ease-out;overflow:hidden}.project__mainLink{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.projectContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project:after{background:#0f141ecc;position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;content:"";box-sizing:border-box;transition:opacity .2s ease-in}.project:hover:after{opacity:1}.project__cont{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:80%;height:100%}.project__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;margin-top:50px;z-index:99;color:#fff}.project__title{font-size:1.3rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.project__description{font-size:37px;text-align:left;font-weight:800;line-height:1.2}.project__link{font-size:1.2rem;font-weight:600;color:var(--secondary-color);text-decoration:none;transition:all .4s ease;opacity:0;transform:translateY(30px);z-index:99}.project__imageDiv{width:85%;position:absolute;bottom:10%;overflow:hidden;transition:all .4s ease}.project__image{width:100%;height:auto;object-fit:contain}.project:hover .project__imageDiv{transform:scale(1.1)}.project:hover .project__link{animation:fadeUp .3s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(30px)}}.fade-up{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){.project{width:100%;height:500px;margin-bottom:30px}.project__text{margin-top:20px}.project__title{font-size:1.2rem}.project__description{font-size:1.5rem}.project__link{font-size:1rem}.project__imageDiv{width:90%;bottom:-10%}}@media screen and (max-width: 500px){.project{height:400px}.project__title{font-size:1rem}.project__description{font-size:1.2rem}.project__link{font-size:.9rem}.project__imageDiv{width:95%;bottom:20%}}.second{width:100%;height:max-content;position:relative;display:flex;align-items:center;justify-content:center}.second__container{width:90%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--dark-navy);padding-bottom:50px}.second__cont{display:flex;align-items:center;justify-content:center;width:100%}.second__projectSpace{height:100px;width:100%}.second__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%}.second__h2{font-size:3rem;font-weight:700;color:var(--secondary-color);width:30%;margin:50px 0!important;text-align:left;text-wrap:wrap;padding:0;margin:0;opacity:0;transform:translateY(150px);transition:all .7s ease-out}.fade-up{opacity:1!important;transform:translateY(0)!important}.second__projectsContainer{display:flex;align-items:center;justify-content:center;width:100%}.second__projectsCont{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.second__projectCont1,.second__projectCont2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:46%}.secondMoreProjects{width:100%;height:50px;display:flex;align-items:center;justify-content:center;text-decoration:none}.second__button{color:var(--secondary-color)!important;border:2px solid var(--green)!important;padding:0 15px!important;font-weight:600!important;height:100%;opacity:0;transform:translateY(30px);transition:all .4s ease-out!important}@media screen and (max-width: 768px){.second__h2{width:100%;font-size:2.5rem;text-align:center}.second__projectsCont{flex-direction:column;align-items:center}.second__projectCont1,.second__projectCont2{width:100%}.second__projectSpace{height:50px}}@media screen and (max-width: 500px){.second__h2{font-size:2rem;text-align:left;margin:20px 0!important}.aboutContainer{flex-direction:column;align-items:center}.second__projectCont1,.second__projectCont2{width:100%}.second__projectSpace{height:50px}}.contactDiv{width:100%;height:max-content;display:flex;align-items:center;justify-content:center;margin-bottom:50px;position:relative}.contactDiv__cont1{display:flex;align-items:center;justify-content:space-between;width:100%;height:90px;border:1px solid var(--light-navy);background:var(--dark-navy)!important;padding:0 30px;transition:all .2s linear;position:relative;z-index:99}.contactDiv__cont1:hover{border-color:green!important}.contactDiv__cont2{position:absolute;width:100%;height:100%;top:10px;bottom:0;left:-10px;right:0;transition:all .2s linear;border:1px solid var(--light-navy);border-top:none;border-right:none}.contactDiv:hover .contactDiv__cont2{top:14px;left:-12px;border:none;background-color:var(--green)}.contactDiv__text{width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.contactDiv__icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.MuiSvgIcon-root{width:100%!important;height:100%!important}.contactDiv__name{font-size:1.2rem;font-weight:600;color:var(--secondary-color);margin-bottom:5px}.contactDiv__link{text-decoration:none;color:var(--green)}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.contact__cont{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:90%;color:var(--secondary-color)}.contact__heading{font-size:3.5rem;font-weight:700;width:15%;margin:50px 0!important;text-align:left;padding:0;margin:0}.contact__contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-column-gap:45px;grid-row-gap:50px;width:100%}.contact__contactsCont{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:45%}@media screen and (max-width: 850px){.contact__heading{width:100%;text-align:center}.contact__contacts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact__contactsCont{width:100%}}@media screen and (max-width: 650px){.contact__heading{font-size:2.5rem}.contact__contacts{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact__contactsCont{width:100%}}@media screen and (max-width: 500px){.contact__heading{font-size:2.2rem;text-align:left}.contact__contacts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact__contactsCont{width:100%}.contactDiv{margin-bottom:10px}}.my-skills{height:max-content;width:100%;padding-top:50px;margin-bottom:100px}.container{width:90%;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.react-multi-carousel-list{height:50%;width:100%;z-index:99}.react-multi-carousel-item{height:100%;display:flex;align-items:center;justify-content:center}.skill{width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.skills{width:45%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.progress{height:100%;width:50%;opacity:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;transform:translateY(50px);transition:all .5s ease-out;color:var(--secondary-color)}.progress.fade-in{opacity:1;transform:translateY(0)}.skills-containers{width:30%;height:100%;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.skills-divs{text-align:left;transform:translate(-200px);opacity:0;transition:transform .6s ease-out,opacity .4s ease-out;margin-top:0;margin-bottom:30px;font-weight:500}.skills-divs.fade-in{transform:translate(0);opacity:1}.skills__cont{display:grid;grid-template-columns:repeat(3,minmax(140px,200px));gap:0px 10px;padding:0;margin:30px 0 0;overflow:hidden;list-style:none}.aboutContainer{width:100%;height:max-content;display:flex;align-items:flex-start;justify-content:space-between}.skills-divs.title{font-size:3rem;font-weight:700;color:var(--secondary-color);margin-bottom:40px;text-align:left;width:100%}.languages{position:relative;margin-bottom:10px;padding-left:20px;color:var(--secondary-color);text-transform:capitalize;text-align:left;transform:translate(100px);opacity:0;transition:all .3s ease-out;font-weight:600}.languages:before{content:"▹";position:absolute;left:0;top:5px;color:var(--green);font-size:var(--fz-sm);line-height:12px;margin-right:20px}#text{margin-left:10px}.languages:hover{transform:translateY(-5px)}.languages.fade-in{opacity:1;transform:translate(0)}#react,#redux,#vue,#wordpress{transition-delay:.3s}#python,#git,#github,#webpack{transition-delay:.6s}h2,p{color:var(--secondary-color)}.skill-image{max-width:70px;object-fit:cover}.language-p{height:max-content;color:var(--secondary-color);font-size:15px}#my-button{background:none;border:2px solid var(--green);padding:10px 30px;color:var(--secondary-color);font-weight:700;cursor:pointer;transition:all .4s ease-out}#my-button:hover{background-color:var(--green);color:var(--primary-color)}@media screen and (max-width: 850px){.container{flex-direction:column}.skills{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.skills-divs{text-align:center}.progress{width:80%}}@media screen and (max-width: 650px){.container{width:90%}.progress{width:90%;justify-content:space-between;margin-top:50px}.skills{width:90%;align-items:flex-start!important}.skills__cont{display:grid;grid-template-columns:repeat(2,minmax(140px,200px))!important;height:max-content}.skills-divs.title{font-size:2rem}.skills-divs{font-size:1rem;text-align:left}.skills__divs{text-align:left}}.collaborate{display:flex;align-items:center;justify-content:center;width:100%;height:50vh}.collaborate__cont{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--secondary-color)}.collaborate__title{font-size:1.3rem;font-weight:500;text-align:center;padding:0;margin-bottom:50px!important}.collaborate__head{font-size:4.5rem;font-weight:700;text-align:center;padding:0;margin:0;position:relative;text-decoration:none;color:var(--secondary-color)}.collaborate__head:after{content:"";width:0px;height:5px;background-color:var(--secondary-color);position:absolute;left:unset;right:0;bottom:-10px;transition:all .2s linear}.collaborate__head:hover:after{width:100%;left:0;right:unset}@media screen and (max-width: 768px){.collaborate__head{font-size:3rem}.collaborate__title{font-size:1.1rem}}@media screen and (max-width: 480px){.collaborate__head{font-size:2.7rem;width:90%}.collaborate__title{font-size:1rem}}.footer,footer{height:300px;width:100%;display:flex;justify-content:center;align-items:center;color:var(--secondary-color)!important}.footerContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:300px}.footer__cont{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;width:80%;height:100%;padding-top:50px;border-top:1px solid #858383}.footerTextContainer{width:60%;display:flex;align-items:center;justify-content:space-between}.footerTextConts{width:40%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.footerHeader{font-size:1.2rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--secondary-color)}.footerText{width:30%;text-align:left;text-decoration:none;color:var(--secondary-color);position:relative;margin-bottom:25px}.footerText:before{color:#fff;position:absolute;overflow:hidden;content:attr(data-text);background-color:transparent;width:0;left:0;right:0;box-sizing:border-box;transition:width .2s linear}.footerText:hover:before{width:100%!important}@media screen and (max-width: 768px){.footerContainer{height:fit-content;padding:20px}.footer__cont{width:100%;height:fit-content;padding-top:20px}.footerTextContainer{flex-direction:column;align-items:flex-start;width:100%}.footerTextConts{width:100%;margin-bottom:10px;align-items:flex-start}.footerText{width:100%;text-align:left}.footerHeader{margin-bottom:30px}}@media screen and (max-width: 480px){.footerHeader{font-size:1rem;margin-bottom:30px}.footerText{font-size:.9rem}}.copyright{color:#fff;height:30px;width:100%;margin:0;display:flex;align-items:center;justify-content:center}.copyright-cont{max-height:30px;width:90%;text-align:right}@media screen and (max-width: 850px){.copyright-cont{font-size:12px}}.contactPage{width:100%;height:max-content;display:flex;align-items:center;justify-content:center}.container6{min-height:700px;height:fit-content;width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-bottom:80px}@keyframes fadeIn{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translateY(0)}}h6{text-align:center;color:var(--secondary-color);font-size:33px;text-transform:uppercase;opacity:0;transform:translate(-200px);transition:all .7s ease-out;border-bottom:2px solid var(--green);margin-bottom:15px;animation:fadeIn .7s ease-out forwards}h6.fade-in{opacity:1;transform:translate(0)}.contact-par{width:50%;text-align:center;transform:translate(-200px);opacity:0;transition:all .7s ease-out;color:var(--secondary-color);margin-bottom:0;animation:fadeIn .7s ease-out forwards}.contact-par.fade-in{opacity:1;transform:translate(0)}form{max-width:900px;width:60%;text-align:center;margin:20px auto}form input,form textarea{border:0;outline:0;padding:1em;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:block;width:93%;margin-top:1em;font-family:Merriweather,sans-serif;-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px #0000001a;resize:none;background-color:#f1f1f1}form input:focus,form textarea:focus{-moz-box-shadow:0 0px 2px var(--green)!important;-webkit-box-shadow:0 0px 2px var(--green)!important;box-shadow:0 0 2px var(--green)!important}form #input-submit{width:100%!important;color:#000;background:var(--green);cursor:pointer}form #input-submit:hover{-moz-box-shadow:0 1px 1px 1px rgba(170,170,170,.6);-webkit-box-shadow:0 1px 1px 1px rgba(170,170,170,.6);box-shadow:0 1px 1px 1px #aaa9;background:transparent;border:1px solid var(--green);color:#fff}form textarea{height:126px}.half{float:left;width:48%;margin-bottom:1em}.right{width:50%}.left{margin-right:2%}.inputs{opacity:0;transform:translate(-200px);transition:all .7s ease-out;animation:fadeIn .7s ease-out forwards}.inputs.fade-in{opacity:1;transform:translate(0)}@media screen and (max-width:800px){h6{margin-bottom:20px}.contact-par{width:80%}.container6{width:100%;height:fit-content}.half{width:100%;float:none;margin-bottom:0}}@media screen and (max-width: 500px){form input,form textarea{width:100%}.container6{width:90%}h6{font-size:28px}.contact-par{width:90%}.cf{margin:0;width:90%}}.aboutPage{color:var(--secondary-color);min-height:100vh;height:max-content;width:100%;display:flex;align-items:center;justify-content:center}.aboutPageContainer{height:100%;width:80%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:70px;margin-bottom:60px}.aboutPagecont{height:fit-content;width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;margin-bottom:50px}.aboutPage__title{font-size:3.5rem;text-align:left;font-weight:700}.aboutPageP{text-align:left;width:70%}.aboutPageStack{width:100%;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;margin-bottom:20px}.aboutPageStackCont{width:50%;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative}.aboutPageSkills{width:100%;height:fit-content;display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-left:20px;margin-bottom:10px}.AboutPageStackTitle{font-size:1.8rem;font-weight:600;color:var(--secondary-color);text-align:left;margin-bottom:30px;width:100%}.aboutPageUlTitle{font-size:1.5rem;font-weight:600;color:var(--green);text-align:left;margin-bottom:20px;width:100%}.aboutPageUl{width:60%;height:fit-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;list-style-type:none}.aboutPageSkills:before{content:"▹";position:absolute;left:0;top:5px;color:var(--green);font-size:var(--fz-sm);line-height:12px;margin-right:20px}.aboutPageSkills:hover{transform:translateY(-5px)}@media screen and (max-width: 768px){.aboutPageContainer{width:90%}.aboutPage__title{font-size:2.5rem}.aboutPageP,.aboutPageStackCont,.aboutPageStack{width:100%}}@media screen and (max-width: 500px){.aboutPage__title{font-size:2rem}.aboutPageP,.aboutPageStackCont,.aboutPageStack{width:100%}}.header{display:flex;justify-content:space-between;position:absolute;padding:20px 50px 0;left:10px;right:10px;align-items:center;z-index:10!important;height:max-content;background:transparent}@media (max-width: 600px){.header{padding:30px 20px 0}}.logo{display:flex;align-items:center;justify-content:center;width:55px;height:100%;position:relative;z-index:10!important}.logo-link{width:100%;height:100%}.logoImg{width:100%;height:100%;z-index:10!important}#logo .logo1{color:#fff;background:transparent!important;width:50px}#logo .dev{font-size:1rem;font-weight:50;color:#fff!important}@media (max-width: 780px){#logo{position:static;width:50px}}#logo .cls-1{fill:#08e7f3}.ham-disabled{pointer-events:none}.hamburger{cursor:pointer;mix-blend-mode:difference;width:60px;height:60px;position:absolute;right:30px;top:30px;background:transparent!important}.logo{width:30px;height:50px}.hamburger:hover .hamburger-icon:before{transform:rotate(0) translate(-5px,-4px)}.hamburger:hover .hamburger-icon:after{transform:rotate(0) translate(5px,4px)}@media (max-width: 780px){.hamburger{position:static}}@media (max-width: 768px){.hamburger:hover .hamburger-icon:before{transform:rotate(0) translateY(-4px)}.hamburger:hover .hamburger-icon:after{transform:rotate(0) translateY(4px)}}.hamburger-icon{color:#fff;position:relative;max-width:60px}@media (max-width: 768px){.hamburger-icon{left:30%;top:-15%}}.hamburger-icon:before{content:"";position:absolute;width:22px;height:2px;background:#fff;transform:rotate(0) translateY(-4px);transition:transform .25s ease-in-out;left:25px;bottom:25px;cursor:pointer}.hamburger-icon:after{content:"";position:absolute;width:22px;height:2px;background:#fff;transform:rotate(0) translateY(4px);transition:transform .25s ease-in-out;left:25px;bottom:25px;cursor:pointer}.hamburger__active:hover .hamburger-icon:before{transform:rotate(0) translate(0)}.hamburger__active:hover .hamburger-icon:after{transform:rotate(0) translate(0)}@media (max-width: 768px){.hamburger__active:hover .hamburger-icon:before{transform:rotate(-45deg) translate(0)}.hamburger__active:hover .hamburger-icon:after{transform:rotate(45deg) translate(0)}}.hamburger__active .hamburger-icon:before{transform:rotate(-45deg) translate(0)}.hamburger__active .hamburger-icon:after{transform:rotate(45deg) translate(0)}.active-link{opacity:1!important;text-decoration:none;color:#fff}.hamburger-menu{z-index:3;top:0;bottom:0;left:0;right:0;position:fixed;height:100%;display:none;cursor:none}.hamburger-menu .nav-secondary{overflow:hidden;height:0;background:#fff;z-index:0;position:fixed;left:0;top:0;bottom:0;right:0}.hamburger-menu .nav-primary{position:relative;height:0;left:0;top:0;bottom:0;right:0;background:#372199;z-index:1;overflow:hidden;display:flex;justify-content:center}.hamburger-menu .nav-primary .nav-content{position:relative;top:120px;color:#fff;z-index:0}.hamburger-menu .nav-primary .nav-content .nav-title{text-align:center;text-transform:uppercase;font-weight:600;letter-spacing:.2em;margin-bottom:30px;margin-left:30px}.hamburger-menu .nav-primary .nav-content .nav-links{text-align:center;font-weight:800;font-size:48px;position:relative;text-decoration:none;color:#fff!important}.nav-link{text-decoration:none;color:#fff!important}@media (max-width: 768px){.hamburger-menu .nav-primary .nav-content .nav-links{font-size:38px}}.hamburger-menu .nav-primary .nav-content .nav-links .nav-link{margin-bottom:5px;color:#fff}.hamburger-menu .nav-primary .nav-content .nav-links .nav-link:before{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:-1;white-space:nowrap;font-size:2em;pointer-events:none;opacity:0;letter-spacing:20px;transition:.5s}.hamburger-menu .nav-primary .nav-content .nav-links .nav-link:hover:before{opacity:.5;letter-spacing:0px}.hamburger-menu .nav-primary .nav-content .nav-links a{transition:all .2s linear;opacity:.9;text-decoration:none;color:#fff!important}.hamburger-menu .nav-primary .nav-content .nav-links a:hover{opacity:1}@media (max-width: 768px){.hamburger-menu .nav-primary .nav-content .nav-links .nav-link{opacity:1}}.hamburger-menu .nav-primary .nav-content .nav-links a{cursor:pointer}