*{margin:0;padding:0;box-sizing:border-box}:root{--header-padding:10px 20px;--button-padding:10px 20px;--weather-app:#00538b;--timetofocus-app:#db524d;--exportfolio-app:#271d1d;--projectchhimi-app:#8be16d;--python-gradient:linear-gradient(108.84deg,#2fddb3 2.78%,#057546 98.63%);--javascript-gradient:linear-gradient(108.84deg,#ddb72f 2.78%,#8e8902 98.63%);--primary-font:"Bebas Neue",sans-serif;--secondary-font:"Libre Franklin",sans-serif;--name-font:"Roboto Mono",sans-serif;--header-content-margin-lg:150px;--header-content-margin-sm:20px;--footer-content-margin-lg:30px;--footer-content-margin-sm:20px;--h1-lg:1.3rem;--h1-sm:0.8rem;--dark-font:#000;--light-font:#fff;--page-transition:1s ease}#root,body,html{width:100%;height:100%}input,textarea{border:none;outline:none}body{font-family:"Bebas Neue",sans-serif;font-family:var(--primary-font)}header{position:fixed;top:0;left:0;padding:var(--header-padding);display:flex;justify-content:space-between;width:100%;overflow-x:hidden;z-index:10}.logo{cursor:pointer}.logo-img{width:120px}.right-part{display:flex;justify-content:space-between;align-items:center;width:50%}.right-part ul{display:flex;list-style:none;margin-right:40px}.right-part ul li a{text-decoration:none;margin:0 10px}.right-part ul li a,.theme{color:var(--dark-font);font-size:var(--h1-lg)}.theme{cursor:pointer}nav{position:fixed;left:100%;width:100%;height:100vh;top:0;background:var(--dark-font);transition:.3s cubic-bezier(.89,.33,.8,.6)}.nav-theme{position:absolute;top:10%;left:50%;transform:translate(-50%)}.nav-theme i{font-size:1.5rem;cursor:pointer;color:var(--light-font)}nav ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none}nav ul li a{text-decoration:none;color:var(--light-font);font-size:2rem;display:inline-block;margin:20px 0}nav.active{left:0}.burger{cursor:pointer;z-index:100;display:none}.line1,.line2{width:45px;height:3px;background:var(--dark-font);transition:.5s ease}.line2{margin-top:5px}.line1.active{transform:rotate(30deg)}.line1.active,.line2.active{background:var(--light-font)}.line2.active{transform:rotate(-30deg)}@media screen and (max-width:640px){header{padding:10px}.logo-img{width:100px}.right-part ul li a{font-size:1.2rem}}@media screen and (max-width:640px){.right-part ul,.theme{display:none}.right-part{width:10%;display:flex;justify-content:center}.burger{display:block}}.app{width:100%;height:100vh;transition:background-color .2s ease}.app.dark{background-color:#000}.canvas{position:fixed;top:0;left:0;width:100%;height:100vh}.landing-page,canvas{position:absolute;top:0;left:0;width:100%;height:100vh}.landing-page{flex-direction:column;align-items:center;z-index:1}.as,.landing-page{display:flex;justify-content:center}.as{width:215px;height:150px}.a{width:40%;height:100%;margin-right:10px;position:relative}.div-a,.div-s{width:20px;height:20px;background-color:var(--dark-font);position:absolute}.div-a.one{left:0;bottom:0}.div-a.two{left:0;bottom:30px}.div-a.three{left:0;bottom:60px}.div-a.four{left:0;bottom:90px}.div-a.five{left:0;bottom:120px}.div-a.six{left:30px;bottom:120px}.div-a.seven{left:60px;bottom:120px}.div-a.eight{left:60px;bottom:90px}.div-a.nine{left:60px;bottom:60px}.div-a.ten{left:60px;bottom:30px}.div-a.eleven{left:60px;bottom:0}.div-a.twelve{left:30px;bottom:60px}.s{width:40%;height:100%;position:relative}.div-s.one{left:60px;bottom:120px}.div-s.two{left:30px;bottom:120px}.div-s.three{left:0;bottom:120px}.div-s.four{left:0;bottom:90px}.div-s.five{left:0;bottom:60px}.div-s.six{left:30px;bottom:60px}.div-s.seven{left:60px;bottom:60px}.div-s.eight{left:60px;bottom:30px}.div-s.nine{left:60px;bottom:0}.div-s.ten{left:30px;bottom:0}.div-s.eleven{left:0;bottom:0}.desc{color:var(--dark-font);overflow:hidden}.desc span{display:inline-block;font-family:var(--primary-font);font-size:1.8rem}.glitch{font-size:1rem;margin-top:30px;font-family:var(--name-font);position:relative;text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00;animation:glitch 725ms infinite}.glitch span{position:absolute;top:0;left:0;display:inline-block}.glitch span:first-child{animation:glitch .5s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 35%,0 35%);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);transform:translate(-.04em,-.03em);opacity:.75}.glitch span:last-child{animation:glitch 375ms infinite;-webkit-clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);transform:translate(.04em,.03em);opacity:.75}@keyframes glitch{0%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}15%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}16%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}49%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}50%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}99%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}to{text-shadow:-.05em 0 0 #00fffc,-.025em -.04em 0 #fc00ff,-.04em -.025em 0 #fffc00}}p{font-size:1.8rem;text-align:center;margin-top:10px}.view-work{margin-top:30px;position:relative;padding:var(--button-padding);transform:skewX(-15deg);cursor:pointer;font-family:var(--secondary-font);font-weight:600;background:transparent;border:1px solid var(--dark-font);z-index:1;font-size:1.2rem;overflow:hidden;color:var(--dark-font);transition:color .2s cubic-bezier(.93,.04,.97,.42)}.view-work a{text-decoration:none;color:var(--dark-font);transition:all .2s cubic-bezier(.93,.04,.97,.42)}.view-work:before{background:var(--python-gradient);left:-105%}.view-work:after,.view-work:before{content:"";position:absolute;width:100%;height:100%;transform:skewX(-15deg);top:0;z-index:-1;transition:all .2s cubic-bezier(.93,.04,.97,.42)}.view-work:after{background:var(--javascript-gradient);left:105%}.view-work:hover:before{left:-45%}.view-work:hover:after{left:45%}.view-work:hover a{color:var(--light-font)}.projects{height:100vh;position:absolute;top:0;left:0;z-index:1;justify-content:center;align-items:center}.projects,.wrapper{width:100%;display:flex}.wrapper{flex-direction:column}.container,.wrapper{justify-content:space-between}.container{width:70%;margin:50px auto auto;display:flex}.title1{font-size:1.5rem;font-weight:200;font-family:var(--primary-font)}.project-link{width:48%;text-decoration:none;display:block}.js-container,.python-container{width:100%;border-radius:20px;color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px;transition:all .3s ease}.python-container:hover{box-shadow:0 0 60px 3px #2fddb3}.js-container:hover{box-shadow:0 0 60px 3px #f3c728}p{font-family:var(--secondary-font);font-size:1rem;cursor:pointer}p a{text-decoration:none;color:#fff}.python-container{background:linear-gradient(108.84deg,#2fddb3 2.78%,#057546 98.63%)}.js-container{background:linear-gradient(108.84deg,#ddb72f 2.78%,#8e8902 98.63%)}img{width:60%;margin-top:10px}@media screen and (max-width:1200px){.container{width:80%}}@media screen and (max-width:1000px){.container{width:85%}}@media screen and (max-width:800px){p{font-size:.8rem}.container{width:90%}}@media screen and (max-width:640px){.container{flex-direction:column;width:100%;align-items:center}.project-link{width:60%;margin-bottom:20px}img{width:50%}}@media screen and (max-width:500px){.project-link{width:75%;margin-bottom:20px}}.about{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center}.title{color:var(--dark-font)}.pic{display:flex;flex-direction:column;align-items:center}.pic:first-child{grid-area:pic-left}.pic:nth-child(2){grid-area:pic-mid}.pic:nth-child(3){grid-area:pic-right}.about-container{width:70%;margin:50px auto auto;display:grid;grid-template-areas:"pic-left pic-mid pic-right";grid-template-columns:repeat(3,1fr)}.myphoto{width:70%;height:80%;object-fit:cover;transition:.7s cubic-bezier(.75,.03,.74,.5)}.picture-mid{margin-top:30px}.about-p{font-weight:700;font-size:1.2rem;color:var(--dark-font)}.myphoto-mid{width:70%;transition:.7s cubic-bezier(1,.07,.76,.97)}@media screen and (max-width:1200px){.about-container{width:80%}}@media screen and (max-width:1000px){.about-container{width:85%}}@media screen and (max-width:800px){.about-p{font-size:1rem}.about-container{width:90%}}@media screen and (max-width:640px){.about-p{font-size:.8rem}.about-container{grid-template-areas:" . pic-mid . " " pic-left . pic-right ";grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.picture-mid{margin-top:0;margin-bottom:30px}.myphoto,.myphoto-mid{width:90%}}.javascript{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;overflow-x:hidden;text-align:center;display:flex;justify-content:center;align-items:center}.js-project-container{width:50%;margin:50px auto auto;display:grid;grid-template-columns:1fr 30px 1fr;grid-template-rows:1fr 40px 1fr;grid-template-areas:"weather . time" ". . ." "ex . chhimi"}.my-weather-app{background-color:#00538b;grid-area:weather}.my-weather-app:hover{box-shadow:0 0 20px 3px #00538b}.time-to-focus{background-color:#db524d;grid-area:time}.time-to-focus:hover{box-shadow:0 0 20px 3px #db524d}.ex-portfolio{background-color:#271d1d;grid-area:ex}.ex-portfolio:hover{box-shadow:0 0 20px 3px #271d1d}.project-chhimi{background-color:#8be16d;grid-area:chhimi}.project-chhimi:hover{box-shadow:0 0 20px 3px #8be16d}@media screen and (max-width:1200px){.js-project-container{width:60%}}@media screen and (max-width:1000px){.js-project-container{width:70%}}@media screen and (max-width:800px){.js-project-container{width:80%}}@media screen and (max-width:640px){.js-project-container{grid-template-columns:1fr;grid-template-rows:1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-areas:"weather" "." "time" "." "ex" "." "chhimi"}}.python{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;overflow-x:hidden;text-align:center;display:flex;justify-content:center;align-items:center}.python-project-container{width:50%;margin:50px auto auto;display:grid;grid-template-columns:1fr 30px 1fr;grid-template-rows:1fr 40px 1fr;grid-template-areas:"data . hangman" ". . ." "tic . starter"}.project{border-radius:10px;display:flex;justify-content:center;align-items:center;color:var(--light-font);font-weight:600;height:80px;transition:.2s ease}.project:hover{box-shadow:0 0 20px 3px var(--dark-font)}.data-analysis{background:linear-gradient(94.54deg,#f0f0f0 18.32%,#050606 98.72%);grid-area:data}.hangman{background:linear-gradient(94.54deg,#050606 4.98%,#f0f0f0 98.72%);grid-area:hangman}.tic-tac-toe{background:linear-gradient(94.54deg,#f0f0f0 18.32%,#050606 98.72%);grid-area:tic}.starter{background:linear-gradient(94.54deg,#050606 4.98%,#f0f0f0 98.72%);grid-area:starter}.project a{display:inline-block;width:100%;height:100%;text-decoration:none;color:#fff;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:100}.see-more{display:inline-block;margin-top:40px;text-decoration:none;color:var(--dark-font);font-family:var(--secondary-font)}@media screen and (max-width:1200px){.python-project-container{width:60%}}@media screen and (max-width:1000px){.python-project-container{width:70%}}@media screen and (max-width:800px){.python-project-container{width:80%}}@media screen and (max-width:640px){.python-project-container{grid-template-columns:1fr;grid-template-rows:1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-areas:"data" "." "hangman" "." "tic" "." "starter"}}.contact{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center}.title{text-align:center}.contact-container{width:70%;margin:50px auto auto;display:flex;justify-content:space-between}.contact-left-part{width:50%}.contact-left-part,.input-form{display:flex;flex-direction:column;align-items:center}.input-form{position:relative;width:90%;margin-top:25px}.input-form:first-child{margin:0}.input-form label{position:absolute;top:15px;left:18%;font-family:var(--secondary-font);color:grey;z-index:2;transition:all .1s ease-in;pointer-events:none}.input-form label.active{left:17%;top:-20px;color:var(--dark-font);font-weight:600}.input-form input,.input-form textarea{width:70%;font-size:1.2rem;border-radius:10px;border:1px solid var(--dark-font);padding:0 13px}.input-form input{height:50px}.input-form textarea{max-width:70%;min-width:70%;height:70px;max-height:70px;padding:5px 13px}.submit-btn{margin-top:30px;color:var(--dark-font);position:relative;padding:var(--button-padding);transform:skewX(-15deg);cursor:pointer;font-family:var(--secondary-font);font-weight:600;background:transparent;border:1px solid var(--dark-font);font-size:1rem;overflow:hidden;transition:color .2s cubic-bezier(.93,.04,.97,.42);z-index:1}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(95.52deg,#3e9ef5 1.15%,rgba(4,69,129,.99));z-index:-1;transition:all .2s cubic-bezier(.93,.04,.97,.42)}.submit-btn:hover:before{left:0}.submit-btn:hover{color:var(--light-font)}.contact-right-part{width:50%}.map{width:100%;height:300px}@media screen and (max-width:1200px){.contact-container{width:80%}}@media screen and (max-width:1000px){.contact-container{width:85%}}@media screen and (max-width:800px){.contact-container{width:90%}}@media screen and (max-width:640px){.title{font-weight:400}.contact-container{flex-direction:column;width:100%;align-items:center;margin-top:20px}.input-form{margin-top:25px}.contact-left-part{width:100%}.map{height:100px;margin-top:20px}.contact-right-part{width:100%}.input-form input{height:35px}.input-form label{font-size:.8rem;top:10px}}@media screen and (max-width:640px){.input-form{width:100%}}.footer{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-family:var(--secondary-font);display:flex;padding:10px;z-index:2}.footer a p{display:inline-block;font-size:.75rem;font-weight:600;position:absolute;bottom:-5px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .5s ease}.footer a{margin:0 5px;color:var(--dark-font);position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center}.footer a p.active,.footer a svg{transform:translateY(0)}.footer a p.active{opacity:1;visibility:visible}
/*# sourceMappingURL=main.d32dab52.chunk.css.map */