body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:all .75s!important;transition-delay:0!important}#root{z-index:1;width:100vw;overflow-x:hidden;position:relative}#root .bubble-pink,#root .bubble-purple{position:absolute}#root .bubble-pink{z-index:1;height:400px;width:400px;border-radius:100%;background-color:#edd4dd;top:-3%;right:-20%}@media (min-width:576px){#root .bubble-pink{height:500px;width:500px;top:-5%;right:-25%}}@media (min-width:992px){#root .bubble-pink{top:-5%;right:-20%}}@media (min-width:1200px){#root .bubble-pink{top:-5%;right:-10%}}body{overflow-x:hidden}a,h1,h2,h3,h4,h5,p{z-index:3;font-family:"Karla, sans-serif";letter-spacing:-.2px}a,a:hover,h1,h1:hover,h2,h2:hover,h3,h3:hover,h4,h4:hover,h5,h5:hover,p,p:hover{text-decoration:none}h1{font-family:"Spacegrotesk, sans-serif";line-height:1.05;letter-spacing:-.03em;font-size:2.5rem}a{line-height:20px}.bubbles-button{display:inline-block;font-size:1.1em;padding:.5em 1em;transform:scale(.8);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#6d2e46;color:#fff;border-radius:10px;border:none;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in}.bubbles-button a{color:#fff;letter-spacing:.1em;text-decoration:none}.bubbles-button:focus{outline:0}.bubbles-button:after,.bubbles-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all .5s ease-in-out;background-repeat:no-repeat}.bubbles-button:before{display:none;top:-75%;background-image:radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,transparent 20%,#07beb8 0,transparent 30%),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,transparent 10%,#07beb8 15%,transparent 20%),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.bubbles-button:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,transparent 10%,#07beb8 15%,transparent 20%),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0),radial-gradient(circle,#07beb8 20%,transparent 0);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.bubbles-button:active{transform:scale(.6);background-color:#5b263a;box-shadow:0 2px 25px rgba(184,104,145,.2)}.bubbles-button.animate:before{display:block;animation:topBubbles .75s ease-in-out forwards}.bubbles-button.animate:after{display:block;animation:bottomBubbles .75s ease-in-out forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}:root{--primary-color:#302ae6;--secondary-color:#536390;--font-color:#424242;--bg-color:#f9f6f1;--heading-color:#292922;--nav-bg-color:#2d3047;--navlink-color:#6d2e46;--navlink-color-hover:#07beb8;--theme-switcher-color:#000;--home-bg-color:#f9f6f1;--home-text:#6d2e46;--home-text-colored:#07beb8;--home-font-size:1.2rem;--home-font-size-big-desktop:68px;--home-font-size-big-mobile:45px;--home-font-size-big-tablet-sm:55px;--home-font-size-big-tablet-lg:60px;--home-font-size-big-widescreen:68px;--portfolio-font-size:1rem}[data-theme=dark]{--primary-color:#9a97f3;--secondary-color:#818cab;--font-color:#e1e1ff;--bg-color:#161625;--heading-color:#818cab;--nav-bg-color:#2d3047;--navlink-color:#ece2d0;--theme-switcher-color:#ff0;--home-bg-color:#000;--home-text:#ece2d0;--home-font-size:2rem;--portfolio-font-size:1.3rem;--portfolio-h1-size:2rem;--portfolio-h4-color:#93b7be}.nav-wrapper{z-index:999999;position:relative;height:100%}.nav-wrapper .container{justify-content:space-around}.nav-wrapper .navbar-brand img{height:50px}.nav-wrapper .navbar-nav .nav-item{margin:0 20px}.nav-wrapper .navbar-nav .nav-item a{font-size:16px;color:#6d2e46;color:var(--navlink-color);transition:all .3s ease;font-weight:700}.nav-wrapper .navbar-nav .nav-item a:hover{color:#07beb8;color:var(--navlink-color-hover);transition:all .3s ease}.nav-wrapper .navbar-collapse .navbar-nav{margin:auto}@media (max-width:992px){.nav-wrapper .navbar-collapse{width:100%;top:0;left:0;position:absolute;background-color:#f9f6f1;background-color:var(--home-bg-color)}.nav-wrapper .navbar-collapse .navbar-nav{justify-content:center}.nav-wrapper .navbar-collapse .navbar-nav .nav-item{padding-top:15px}.nav-wrapper .navbar-collapse .links-nav{padding-top:70px}.nav-wrapper .navbar-collapse .links-nav .nav-item{margin:auto}.nav-wrapper .navbar-collapse .icons-wrapper{flex-direction:row;justify-self:center;padding-bottom:30px}}.nav-wrapper .navbar-toggler{z-index:9;border:1px solid #d96a8e;height:50px;border-radius:10px;background-color:#6d2e46}.nav-wrapper .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(242, 123, 167, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.nav-wrapper .navbar-toggler.collapsed{background-color:#f9f6f1}.nav-wrapper .navbar-toggler.collapsed .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(242, 123, 167, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.nav-wrapper .icon-style{font-size:20px;color:#000;color:var(--theme-switcher-color)}.nav-wrapper .icon-style.rotating{animation:rotating 4s linear infinite}.nav-wrapper .light-mode-icon:hover{cursor:pointer}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-outer-wrapper{background-color:#f9f6f1;background-color:var(--home-bg-color)}.home{padding:50px 0}.home .text-home-wrapper{align-self:center;padding-left:20px;padding-right:20px;z-index:5}.home .text-home-wrapper .big-text-wrap{flex-wrap:wrap;display:flex}.home .text-home-wrapper .big-text-wrap .colored{margin-left:10px;color:#07beb8;color:var(--home-text-colored)}.home .text-home-wrapper .home-text{font-size:1.2rem;font-size:var(--home-font-size);color:#6d2e46;color:var(--home-text)}.home .text-home-wrapper .home-text.big{font-size:45px;font-size:var(--home-font-size-big-mobile);font-weight:700}@media (min-width:576px){.home .text-home-wrapper .home-text.big{font-size:55px;font-size:var(--home-font-size-big-tablet-sm)}}@media (min-width:768px){.home .text-home-wrapper .home-text.big{font-size:60px;font-size:var(--home-font-size-big-tablet-lg)}}.home .hero-outer-wrap{height:100%}@media (max-width:992px){.home .hero-outer-wrap{padding-top:50px;padding-right:50px}}.home .hero-outer-wrap .hero-wrapper{height:350px;justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;z-index:2;overflow:hidden;position:relative}@media (min-width:576px){.home .hero-outer-wrap .hero-wrapper{height:500px}}@media (min-width:768px){.home .hero-outer-wrap .hero-wrapper{height:600px}}.home .hero-outer-wrap .hero-wrapper .bubble-purple{overflow:hidden;border-radius:100% 0 100% 100%;transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);background-color:#6d2e46;height:300px;width:300px}@media (min-width:576px){.home .hero-outer-wrap .hero-wrapper .bubble-purple{height:500px;width:500px}}@media (min-width:768px){.home .hero-outer-wrap .hero-wrapper .bubble-purple{height:600px;width:600px}}@media (min-width:1020px){.home .hero-outer-wrap .hero-wrapper .bubble-purple{height:450px;width:450px}}@media (min-width:1300px){.home .hero-outer-wrap .hero-wrapper .bubble-purple{height:500px;width:500px}}.home .hero-outer-wrap .hero-wrapper .bubble-purple img{padding-top:30px;border-radius:100%}.scroll-top-wrapper{width:60px;height:60px;border:2px solid #6d2e46;background-color:#6d2e46;position:fixed;bottom:20px;right:3%;display:flex;align-items:center;justify-content:center;border-radius:20px;z-index:1000}.scroll-top-wrapper:hover{cursor:pointer}.scroll-top-wrapper:hover .scrollTop{transition:all .2s ease;animation:scroll-top .8s linear infinite}.scrollTop{transition:all .2s ease;color:#edd4dd;font-size:20px;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s;transition:opacity .4s;opacity:.5}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@keyframes scroll-top{0%{opacity:0}to{opacity:1;transform:translateY(-10px)}}.dots-wrapper{position:absolute;height:100%;z-index:3;top:0;left:10%}.dots-wrapper.contact{top:-30%;left:-5%;transform:scale(.9)}@media (min-width:768px){.dots-wrapper.contact{top:-25%;left:-5%;transform:scale(1)}}.dots-wrapper.pixel-art{left:60%;top:85%;transform:scale(.9)}@media (min-width:576px){.dots-wrapper.pixel-art{top:-10%;left:75%;transform:scale(1)}}.dots-wrapper.frontend{opacity:.8;top:110%;left:50%;transform:scale(.7)}.dots-wrapper.frontend .dot{background-color:#edd4dd!important}@media (min-width:356px){.dots-wrapper.frontend{top:120%;left:55%}}@media (min-width:476px){.dots-wrapper.frontend{top:120%;left:70%}}@media (min-width:576px){.dots-wrapper.frontend{top:90%;left:75%;transform:scale(1)}}@media (min-width:922px){.dots-wrapper.frontend{top:80%;left:75%}}.dots-wrapper.skills{left:60%;top:-2%;transform:scale(.9)}.dots-wrapper.skills .dot{background-color:#6d2e46!important}@media (min-width:576px){.dots-wrapper.skills{left:75%;top:4%;transform:scale(1)}}@media (min-width:768px){.dots-wrapper.skills{left:75%;top:1%}}.dots-wrapper .dot{margin:10px;height:5px;width:5px;background-color:#07beb8;border-radius:100%}.contact{margin-top:100px;justify-content:center;padding-top:50px}.contact .form-outer-wrapper{padding-top:50px;padding-bottom:30px;background-color:#edd4dd;border-radius:30px;position:relative}input{font-family:"Karla, sans-serif";border:none!important;padding:5px 10px!important;height:30px!important}input:focus{box-shadow:none!important}select{height:30px!important;padding:0 5px!important;border-radius:10px!important;border:1px solid #6d2e46!important}select:focus{box-shadow:none!important}.form-row{flex-wrap:nowrap}.form-row label{margin-bottom:0}.contact-form{padding-top:30px;width:80%;color:#6d2e46;margin:auto}@media (min-width:992px){.contact-form{width:50%}}.form-label{margin-left:3px;width:40%}.form-control{border-radius:10px}.form-control:focus{box-shadow:none!important}.form-control.error{border:1px solid red!important}textarea{border:0!important}.checkbox-wrapper{display:flex;align-items:center}.checkbox-wrapper input{margin-right:10px}.form-control-checkbox{width:auto}.checkbox-message{font-size:13px}.checkbox-message.error{color:red}.modal-content{border-radius:20px;border:1px solid #6d2e46}.modal-content .modal-header{border-radius:20px 20px 0 0;overflow:hidden;background-color:#6d2e46;color:#fff}.modal-content .modal-header button span{color:#fff}.contact-background-icon{position:absolute;right:5%;top:2%;opacity:.5;color:#6d2e46;font-size:80px}@media (min-width:576px){.contact-background-icon{font-size:100px!important}}@media (min-width:768px){.contact-background-icon{font-size:150px!important}}.title-wrapper h1,.title-wrapper h4{z-index:99;text-align:center}.about{justify-content:center}.about .content-about-wrap{margin-top:80px}.about .about-two{margin-top:20px}.about .skill-wrapper{z-index:5;background-color:rgba(249,246,241,.2);padding:30px;transition:all .5s ease;border-radius:30px;height:250px}@media (min-width:1020px){.about .skill-wrapper{padding:50px}}@media (min-width:768px){.about .skill-wrapper{height:300px}}@media (min-width:1200px){.about .skill-wrapper{height:250px}}.about .skill-wrapper:hover{background-color:#f9f6f1;transition:all .5s ease;box-shadow:11px 11px 70px 30px #f3ede2}.about .skill-wrapper.frontend,.about .skill-wrapper.science{margin-bottom:20px}@media (min-width:768px){.about .skill-wrapper.frontend,.about .skill-wrapper.science{margin-bottom:20px}}.about .skill-wrapper .box-skill-container .skill-title{display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.about .skill-wrapper .box-skill-container .skill-title h4{width:-webkit-min-content;width:-moz-min-content;width:min-content;font-weight:700;margin:0;padding-left:20px}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper{display:flex;align-items:center;justify-content:center;height:80px;width:80px;border-radius:20px}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.frontend{background-color:#eac8ae}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.frontend svg{color:#cb793a;font-size:50px}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.graphics{background-color:#fcd9dc}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.graphics svg{color:#f45b69}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.datascience{background-color:#d8e9fd}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.datascience svg{color:#67aaf9}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.game{background-color:#d8dfce}.about .skill-wrapper .box-skill-container .skill-title .icon-wrapper.game svg{color:#566340}.about .skill-wrapper .box-skill-container .skill-title svg{font-size:50px}.about .skill-wrapper .box-skill-container .text-about{padding-top:30px}.python-icon,.unity-icon{position:absolute;font-size:50px;opacity:.8}.python-icon{bottom:45%;right:0;transform:rotate(25deg)}.unity-icon{bottom:-10%;left:5%}@media (min-width:768px){.python-icon,.unity-icon{font-size:80px}.python-icon{bottom:10%;right:0;transform:rotate(25deg)}.unity-icon{bottom:0;left:-10%}}@media (min-width:992px){.python-icon,.unity-icon{font-size:80px}.python-icon{bottom:5%;right:20%;transform:rotate(25deg)}.unity-icon{bottom:-35%;left:20%}}.html-icon,.react-icon,.unity-icon,.vuejs-icon{opacity:.4;position:absolute;font-size:40px}.react-icon{top:-20%;left:15%}.vuejs-icon{right:0;top:40%}.html-icon{top:95%;left:65%}@media (min-width:768px){.html-icon,.react-icon,.unity-icon,.vuejs-icon{opacity:.8;font-size:80px}.react-icon{top:-20%;left:65%}.vuejs-icon{right:-5%;top:-5%}.html-icon{top:50%;left:-8%}}@media (min-width:992px){.react-icon{top:-35%;left:60%}.vuejs-icon{right:5%;top:-20%}.html-icon{top:-20%;left:3%}}.react-icon{color:#b4bdcf}.vuejs-icon{color:#76e7cd}.html-icon{color:#e28413}.python-icon{color:#e9eb87}.my-pic{border-radius:30px;margin-bottom:10px}.carousel-control-next{right:0;z-index:999;top:-20%}@media (min-width:768px){.carousel-control-next{right:-15%}}@media (min-width:1024px){.carousel-control-next{right:-10%;top:0}}.carousel-control-next .carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d96a8e' width='8' height='8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E")}.carousel-control-prev{left:0;top:-20%;z-index:999}@media (min-width:768px){.carousel-control-prev{left:-15%}}@media (min-width:1024px){.carousel-control-prev{left:-10%;top:0}}.carousel-control-prev .carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d96a8e' width='8' height='8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E")}.carousel-indicators{bottom:15%}@media (min-width:425px){.carousel-indicators{bottom:-5%}}@media (min-width:524px){.carousel-indicators{bottom:-15%}}@media (min-width:768px){.carousel-indicators{bottom:10%}}@media (min-width:1024px){.carousel-indicators{bottom:0}}.carousel-indicators li{background-color:#d96a8e}.desktop{display:none}@media (min-width:768px){.desktop{display:block}}.mobile{display:block}@media (min-width:768px){.mobile{display:none}}.portfolio-wrapper{position:relative;min-height:300px}@media (min-width:768px){.portfolio-wrapper{min-height:700px}}@media (min-width:1200px){.portfolio-wrapper{min-height:700px}}.portfolio-wrapper .square{height:300px;width:100%;background-color:#2e5e6d;position:absolute;top:0;border-radius:20px}@media (min-width:425px){.portfolio-wrapper .square{height:400px;top:-7%}}@media (min-width:524px){.portfolio-wrapper .square{height:450px;top:-2%}}@media (min-width:768px){.portfolio-wrapper .square{height:650px;width:700px}}@media (min-width:992px){.portfolio-wrapper .square{height:750px;width:900px;right:-10%}}@media (min-width:1024px){.portfolio-wrapper .square{height:750px;width:900px}}@media (min-width:1200px){.portfolio-wrapper .square{height:900px;width:1000px;right:0}}.carousel-inner{min-height:350px}@media (min-width:768px){.carousel-inner{min-height:700px}}@media (min-width:1200px){.carousel-inner{min-height:850px}}.portfolio .content-outer-wrap{margin:20px auto;z-index:5;height:100%}.portfolio .content-outer-wrap .img-wrapper{border-radius:20px;overflow:hidden;position:relative}.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content{display:flex;justify-content:center}.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content:hover .work-description{opacity:1;transition:all .3s ease-in-out;transform:translateY(-10px)}.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content .work-description{transition:all .5s ease-in-out;opacity:0;position:absolute;top:15%;width:85%;height:85%;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)}.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content .work-description h3{letter-spacing:.2px;font-size:18px;color:#fff;margin-bottom:10px}@media (min-width:768px){.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content .work-description h3{font-size:18px;font-size:22px}}.portfolio .content-outer-wrap .img-wrapper .img-wrapper-content .work-description p{text-align:center;color:#fff;width:90%}.pixel-art-row .pixel-art-col{margin:10px auto}.pixel-art-row .pixel-art-col img{transition:all .3s ease-in-out;border-radius:20px}.pixel-art-row .pixel-art-col img:hover{transition:all .3s ease-in-out;transform:scale(2);box-shadow:5px 5px 30px #f3ede2}@keyframes ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}to{opacity:0;top:29%}}.scroll-btn{display:flex;align-items:center}.scroll-btn p{margin-bottom:0;margin-left:10px}.scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#7f8c8d;font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.scroll-btn>.active,.scroll-btn>:focus,.scroll-btn>:hover{color:#000}.scroll-btn>.active,.scroll-btn>:active,.scroll-btn>:focus,.scroll-btn>:hover{opacity:.8;filter:alpha(opacity=80)}.scroll-btn .mouse{position:relative;display:block;width:30px;height:45px;box-sizing:border-box;border:2px solid #7f8c8d;border-radius:23px}.scroll-btn .mouse>*{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#07beb8;border-radius:50%;animation:ani-mouse 2.5s linear infinite}
/*# sourceMappingURL=main.cdc086b0.chunk.css.map */