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}*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity;height:100vh;scrollbar-width:none;font-family:"Roboto",sans-serif}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}h1,h2,h3{letter-spacing:.04rem;font-family:"Montserrat",sans-serif;font-weight:800}h3{margin:0 0 2rem;padding:2rem 0 0;font-size:1.6rem}h5{font-size:1rem}body{color:#1d1d1f;font-weight:400;text-align:center}.gen-container{padding:2rem 1rem;max-width:370px;margin:0 auto;position:relative;display:flex;flex-grow:1;flex-direction:column;justify-content:space-evenly}section{padding:3rem 0;min-height:100vh;scroll-snap-align:start}.purple-btn,section{display:flex;align-items:center}.purple-btn{margin-top:.8rem;background-color:#6369d1;justify-content:space-between;padding:.4rem;border-radius:.7rem;color:hsla(0,0%,100%,.9);border:none;box-shadow:3px 3px 3px rgba(0,0,0,.25);font-size:.8rem;text-transform:uppercase}.purple-btn:hover{background-color:#353cb3}.purple-btn:hover .icon-container{box-shadow:.1rem .1rem .14rem #2b3193,-.1rem -.1rem .12rem #474ec9}.purple-btn p{flex-grow:1}.gen-card{background:#fff;display:flex;flex-direction:column;border-radius:.7rem;box-shadow:3px 3px 3px rgba(0,0,0,.25)}.icon-container{width:2.2rem;height:2.2rem;border-radius:.5rem;box-shadow:.1rem .1rem .14rem #434bc8,-.1rem -.1rem .12rem #8387da}.icon-container,.overlay{display:flex;justify-content:center;align-items:center}.overlay{width:100%;height:100vh;background-color:rgba(29,29,31,.8);position:absolute;top:0;left:0;z-index:998}.overlay .modal_window{background-color:#fff;padding:2rem;border-radius:.7rem}header{height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;background:url(/static/media/bg-img.160efb1b.svg);background-repeat:no-repeat;background-position:bottom;scroll-snap-align:start}header a{text-decoration:none}header .logo{color:#1d1d1f}header .logo span{color:#6369d1;font-style:italic}header .menu-bar{position:fixed;top:0;left:0;width:100%;background:hsla(0,0%,100%,.9);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:0 0 0 2rem;display:flex;justify-content:space-between;align-items:center;z-index:997}header .menu-bar .hamburger{display:flex;flex-direction:column;padding:1rem}header .menu-bar .hamburger .hamburger-line{width:2.4rem;height:3px;margin-top:8px;background:#6369d1;border-radius:1rem}header .menu-bar .hamburger .hamburger-line:first-child{margin-top:0}header .menu-bar .hamburger:hover{background:#f5f5f7}header .menu-bar .hamburger:hover .hamburger-line{background:#353cb3}header .menu-bar nav{display:none}header .menu-bar .nav-mobile{display:block;position:absolute;width:100%;top:3.6rem;left:0;box-shadow:3px 3px 3px rgba(0,0,0,.25)}header .menu-bar .nav-mobile ul{list-style-type:none;display:flex;flex-direction:column;background-color:#fff}header .menu-bar .nav-mobile ul li{padding:1rem auto;width:100%}header .menu-bar .nav-mobile ul li:hover{background:#f5f5f7}header .menu-bar .nav-mobile ul li a{display:inline-block;width:100%;padding:1rem 0;color:#1d1d1f;text-decoration:none}header .menu-bar .nav-mobile ul li a:focus,header .menu-bar .nav-mobile ul li a:hover{color:#6369d1}header .menu-bar .nav-mobile ul .btn-cv-container{align-self:center}header .menu-bar .nav-mobile ul .btn-cv-container .purple-btn{margin:1rem auto}header .menu-bar .nav-mobile ul .btn-cv-container .purple-btn .icon-container{width:1.8rem;height:1.8rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;box-shadow:.1rem .1rem .14rem #434bc8,-.1rem -.1rem .12rem #8387da}header .menu-bar .nav-mobile ul .btn-cv-container .purple-btn p{padding:0 .8rem}header .menu-bar .nav-mobile ul .btn-cv-container .purple-btn:hover .icon-container{box-shadow:.1rem .1rem .14rem #2b3193,-.1rem -.1rem .12rem #474ec9}header .header-content h1{margin-top:1rem;font-size:2.2rem;line-height:1.2}header .header-content h1 span{text-transform:uppercase;color:#2d8384;font-style:italic}header .header-content h2{margin-top:2.6rem;font-family:"Roboto",sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6}header .purple-btn{align-self:center}header .purple-btn p{margin:0 1rem}.skills{background:linear-gradient(#d5e6e6,#fff)}.skills .skills-set{background-color:#f5f5f7;border-radius:.7rem;padding:3rem;text-align:left;box-shadow:3px 3px 3px rgba(0,0,0,.25)}.skills .skills-set .sep-skill-container{margin-top:2rem}.skills .skills-set .sep-skill-container:first-child{margin-top:0}.skills .skills-set .sep-skill-container h4{border-bottom:1px solid #d2d2d2;padding-bottom:.4rem;font-size:1.1rem;text-transform:uppercase}.skills .skills-set .sep-skill-container ul{list-style:none;display:flex;flex-wrap:wrap}.skills .skills-set .sep-skill-container ul li{margin-right:1.2rem;margin-top:.6rem;display:flex;justify-content:space-between;align-items:center}.skills .skills-set .sep-skill-container ul li p{margin-left:.4rem}.portfolio{background:#2d8384;background-image:url(/static/media/abstract-circles.5a384dca.svg);background-size:120%;background-repeat:no-repeat;background-position:bottom;height:100vh}.portfolio h3{color:#fff}.portfolio .gen-container{max-width:100%;height:100%}.portfolio .swiper-container{width:100%;flex-grow:1}.portfolio .swiper-container .swiper-button-next,.portfolio .swiper-container .swiper-button-prev{color:#fff;top:94%;-webkit-transform:translateY(-160%);transform:translateY(-160%)}.portfolio .swiper-container .swiper-pagination{bottom:6%;width:40%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.portfolio .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#fff}.portfolio .swiper-container h4{color:#fff;font-weight:400;font-size:1.2rem}.portfolio .swiper-container .swiper-slide{display:flex;flex-direction:column;justify-content:center}.portfolio .swiper-container .swiper-slide .slide-container{position:relative;margin:2rem auto}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay{display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:absolute;bottom:0;left:0;right:0;background-color:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;width:94%;border-radius:.7rem;margin:0 auto;height:0;transition:.5s ease}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay .slide-obj,.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay .slide-tech{display:none;text-align:left}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay h5{font-size:1rem}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay p{margin-top:.8rem}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay a{text-decoration:none;background-color:#6369d1;color:#fff;padding:.4rem 1.5rem;border-radius:.4rem}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay a:hover{background-color:#353cb3}.portfolio .swiper-container .swiper-slide .slide-container:hover .slide-overlay{border:1px solid #fff;height:100%}.portfolio .swiper-container .swiper-slide img{width:94%;height:100%;margin:0 auto;border-radius:.7rem;box-shadow:3px 3px 3px rgba(0,0,0,.25)}.portfolio .swiper-container .swiper-nav{position:relative;display:flex;align-items:center;bottom:20%;width:340px;margin:5rem 0}.portfolio .swiper-container .swiper-nav .swiper-pagination{bottom:auto}.portfolio .swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet{background-color:hsla(0,0%,100%,.7)}.portfolio .swiper-container .swiper-nav .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}.portfolio .swiper-container .swiper-nav .swiper-button-next,.portfolio .swiper-container .swiper-nav .swiper-button-prev{display:block;color:#fff}.about{background:#f5f5f7;background-image:url(/static/media/dots-mobile.faf6d43d.svg);background-repeat:no-repeat;background-size:cover}.about .about-container .about-photo{background:url(/static/media/yar-g-dev.96407a6c.jpg);background-size:cover;background-position:50%;width:100%;height:260px;border-radius:.7rem .7rem 0 0}.about .about-container .about-description{margin:2rem;text-align:left}.about .about-container .about-description p{margin-top:.7rem;line-height:1.4;letter-spacing:.02rem}.about .about-container .about-description p:first-child{margin:0}.about .about-container .about-description ul{margin:1rem 0 0 2rem}.contact{background:linear-gradient(135deg,#2d8384,#d5e6e6)}.contact h3{color:#fff}.contact form{padding:3rem;text-align:left}.contact form .form_err{color:red;font-size:.7rem}.contact form label{margin-top:.8rem;margin-bottom:.4rem;font-size:.8rem}.contact form label:first-child{margin-top:0}.contact form input,.contact form textarea{border:none;background:#f5f5f7;font-size:1rem;border-radius:.6rem;padding:.4rem}.contact form input:focus,.contact form textarea:focus{outline:1px solid #d5e6e6}.contact form textarea{resize:none}footer{background-color:#1d1d1f;color:hsla(0,0%,100%,.9);scroll-snap-align:start}footer svg{color:hsla(0,0%,100%,.7)}footer .social-links{display:flex;justify-content:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}footer .social-links .footer-btn-container{width:3rem;height:3rem;border-radius:.6rem;box-shadow:.1rem .1rem .14rem #09090a,-.1rem -.1rem .12rem #313134;display:flex;justify-content:center;align-items:center}footer .social-links .footer-btn-container:hover svg{color:hsla(0,0%,100%,.95)}footer p{margin-top:1rem}@media (min-width:768px){h1,h2,h3{text-align:left}.gen-container{max-width:760px}header{background-size:contain}header .gen-container{align-items:flex-start}header .menu-bar{padding:.8rem 4rem}header .menu-bar .hamburger{display:none}header .menu-bar nav{display:block}header .menu-bar nav ul{list-style-type:none;display:flex;align-items:center;grid-column-gap:1.4rem;-webkit-column-gap:1.4rem;column-gap:1.4rem}header .menu-bar nav ul li a{display:inline-block;color:#1d1d1f;height:100%}header .menu-bar nav ul li a:focus,header .menu-bar nav ul li a:hover{color:#6369d1}header .menu-bar nav .purple-btn{margin:0 0 0 2rem}header .menu-bar nav .purple-btn .icon-container{width:1.8rem;height:1.8rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;box-shadow:.1rem .1rem .14rem #434bc8,-.1rem -.1rem .12rem #8387da}header .menu-bar nav .purple-btn:hover .icon-container{box-shadow:.1rem .1rem .14rem #2b3193,-.1rem -.1rem .12rem #474ec9}header .header-content{max-width:70%}header .purple-btn{align-self:flex-start}.skills .sep-skill-list{margin-left:30%}.portfolio{background-image:url(/static/media/desktop-circles.5bd883c9.svg);background-size:contain;background-position:100%;min-height:100vh}.portfolio .gen-container{max-width:760px;height:100%;padding:0}.portfolio .slider-container .slide{height:50%}.portfolio .swiper-container{width:700px;height:300px;flex-grow:1}.portfolio .swiper-container .swiper-button-next,.portfolio .swiper-container .swiper-button-prev{top:100%;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.portfolio .swiper-container .swiper-pagination{bottom:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.portfolio .swiper-container .swiper-slide .slide-container img{width:94%}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay{padding:0 2rem;align-items:flex-start;text-align:left}.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay .slide-obj,.portfolio .swiper-container .swiper-slide .slide-container .slide-overlay .slide-tech{display:block}.portfolio .swiper-container .swiper-slide .slide-container a{align-self:center}.portfolio .swiper-container .swiper-nav{width:50%;bottom:10%;margin:2rem 0}.about{background-image:url(/static/media/desktop-dots.0ff599bd.svg);background-size:contain}.about .gen-card{flex-direction:row}.about .about-container .about-photo{align-self:stretch;height:auto;width:40%;border-radius:.7rem 0 0 .7rem}.about .about-container .about-description{width:60%}.contact form{min-width:400px;margin:0 auto}}
/*# sourceMappingURL=main.214a4e6d.chunk.css.map */