@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400&family=Roboto:wght@300;400;500;700&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-dark:#12122bec;--color-bg-trans:rgba(31,31,56,.678);--color-bg-variant:#2c2c6c;--color-bg-overlay:rgba(0,0,0,.4);--color-primary:#4db5ff;--color-primary-light:#4db5ff62;--color-primary-variant:rgba(77,181,255,.4);--color-white:#f5f6fa;--color-light:hsla(228,8%,87%,.8);--color-gray:#7f8fa6;--color-gray-variant:#718093;--color-light-blue:#00b4d8;--color-light-blue-variant:#00a7fbbb;--font-poppins:"Poppins",sans-serif;--font-roboto:"Roboto",sans-serif;--font-roboto-mono:"Roboto Mono",monospace;--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}body{color:#f5f6fa;color:var(--color-white);font-family:Roboto Mono,monospace;font-family:var(--font-roboto-mono);line-height:1.7}body:before{background:url(/static/media/shutterstock_680664079.df90387a900dd00bd76c.png) no-repeat 50%;background-size:cover;content:"";display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-10}.font-poppins{font-family:Poppins,sans-serif;font-family:var(--font-poppins)}html{scroll-behavior:smooth}.hamburger-button{display:none}::-webkit-scrollbar{display:none}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}a{color:#f5f6fa;color:var(--color-white);transition:all .4s ease;transition:var(--transition)}a:hover{color:#4db5ff;color:var(--color-primary)}img{display:block;object-fit:cover;width:100%}.icon{margin-bottom:-2px}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;font-family:Roboto Mono,monospace;font-family:var(--font-roboto-mono);padding:.4rem 1rem;width:-webkit-max-content;width:max-content}.btn,.btn-primary{transition:all .4s ease;transition:var(--transition)}.btn-primary{background-color:#4db5ff;background-color:var(--color-primary);color:#1f1f38;color:var(--color-bg)}.btn-primary:hover{background-color:#1f1f38;background-color:var(--color-bg);color:#4db5ff;color:var(--color-primary)}.btn-outline-primary,.btn-primary:hover{border:1px solid #4db5ff;border:1px solid var(--color-primary)}.btn-outline-primary{transition:all .4s ease;transition:var(--transition)}.btn-outline-primary:hover{background-color:#4db5ff;background-color:var(--color-primary);color:#1f1f38;color:var(--color-bg)}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}section>h2{margin-bottom:2rem}.hamburger-button{display:block;position:fixed;right:1.5rem;top:1.5rem;z-index:8}}header{height:100vh;position:relative;z-index:1}.header__container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.header__row-1,.header__row-2,.header__row-3{align-items:center;display:flex;gap:1.5rem}.header__first-row-big,.header__name-big,.header__title-big{font-size:2rem;transition:all .35s ease-in-out}.header__name-big{font-size:4rem}.header__title-big,.name{font-size:2.6rem}.header__name-big:hover{-webkit-transform:rotate(12deg);transform:rotate(12deg)}.header__title-big:hover{-webkit-transform:rotate(-11deg);transform:rotate(-11deg)}.header__first-row-big:hover{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.overlay{background-color:var(--color-bg-overlay);content:"";height:100%;position:absolute;width:100%;z-index:-1}.social-links__wrap{bottom:0;left:40px;position:fixed;right:auto;width:40px;z-index:10}.social-links{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.social-links li{padding-bottom:1rem}.social-links:last-child:after{background-color:var(--color-white);content:"";display:block;height:100px;margin:0 auto;width:1px}.social-email__wrap{bottom:0;left:auto;position:fixed;right:40px;width:40px;z-index:10}.social-email{align-items:center;display:flex;flex-direction:column;position:relative}.social-email a{display:inline-block;font-family:var(--font-roboto-mono);font-size:.8rem;letter-spacing:.1em;margin:20px auto;padding:10px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.social-email:after{background-color:var(--color-white);content:"";display:block;height:50px;margin:0 auto;width:1px}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}.social-email,.social-links{display:none}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}.header__row-2,.header__row-3{flex-direction:column;gap:0}.header__row-3{padding-top:2rem}}#about{background-color:var(--color-bg-overlay)}.about__container{padding:4rem 0 6rem}.about__container h2{padding-bottom:3rem}.about__content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.about__content-left{background-color:var(--color-bg-trans);border:1px solid var(--color-bg-variant);border-radius:2rem;display:flex;flex-direction:column;justify-content:center;padding:0 4rem;text-align:center}.about__content-left p{padding-bottom:1rem}.cv-button{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem}.about__content-right{background-color:var(--color-bg-trans);border:1px solid var(--color-bg-variant);border-radius:2rem;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about__content-right:hover{-webkit-transform:rotate(-15deg) scale(.9);transform:rotate(-15deg) scale(.9)}.about__content-right img{border-radius:2rem;max-height:450px;object-fit:fill;opacity:.8;width:auto}@media screen and (max-width:1400px){.container{width:var(--container-width-md)}}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}.about__content{grid-template-columns:1fr}.about__content-left{border-radius:3rem;padding:2rem 3rem}.about__content-right{-webkit-transform:translateX(50%);transform:translateX(50%)}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}.about__content{gap:3.5rem}.cv-button{align-items:center;flex-direction:column}.about__content-left{order:2}.about__content-right{margin:0 auto;order:1;-webkit-transform:none;transform:none}.about__content-right img{max-height:300px}.about__content-right:hover{-webkit-transform:none;transform:none}}#portfolio{background-color:var(--color-bg);padding:4rem 0;text-align:center}.portfolio__container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(1fr,1fr);padding-top:3rem}.card{grid-gap:1rem;align-items:center;border:1px solid var(--color-bg-variant);border-radius:.7rem;display:grid;gap:1rem;grid-template-columns:2fr 3fr;padding:1rem}.card__image img{border-radius:.7rem;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:var(--transition)}.card__image img:hover{-webkit-filter:none;filter:none}.card__body h4{margin-top:.5rem}.card__button{display:flex;gap:1rem;justify-content:center;padding:.5rem 0}.card__back-end,.card__front-end{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-bottom:.5rem;padding:.3rem 0}.label{background-color:rgba(61,61,61,.7);border-radius:.2rem;padding:.2rem .5rem}@media screen and (max-width:1024px){.portfolio__container{gap:1.2rem}.card,.portfolio__container{grid-template-columns:1fr}.card__image{margin:0 auto;width:80%}}@media screen and (max-width:600px){.portfolio__container{gap:1rem;grid-template-columns:1fr}}.nav{border-radius:1.7rem;left:3%;position:fixed;top:0;z-index:10}.nav-list:first-child:before{background-color:var(--color-white);content:"";display:block;height:100px;margin:0 auto;width:1px}.nav-list{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.nav-list li{height:40px}.nav-list__item{border:1px solid transparent;border-radius:50%;box-sizing:initial;color:var(--color-white);padding:.7rem;transition:var(--transition)}.nav-list__item:hover{background-color:hsla(0,0%,100%,.7);color:var(--color-bg)}@media screen and (max-width:1024px){.nav{left:1.5%}}@media screen and (max-width:600px){.nav{display:none}}#services{background-color:var(--color-bg);height:100vh;padding-top:4rem}.container h2,.container h5{text-align:center}.skills__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:4rem auto;width:75%}.skills__back-end,.skills__font-end{border:1px solid var(--color-bg-variant);border-radius:1rem;padding:2rem 2rem 4rem}.skill-card__content{grid-row-gap:2rem;grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;row-gap:2rem}.skill-card{border:1px solid transparent;border-radius:1rem;display:flex;gap:1rem;justify-content:center;text-align:center}.skill-card:hover{border-color:var(--color-bg-variant)}.skill-card__icon{align-self:center;color:var(--color-light-blue)}.skill-card__detail small{color:var(--color-light)}.skills__title{padding-bottom:2.5rem;text-align:center}.skills__secondary{font-size:.9rem;padding-left:.6rem}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}#services{height:auto}.skills__content{grid-template-columns:1fr;margin-bottom:0}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}.skill-card__content{grid-template-columns:1fr}}#contact{background-color:var(--color-bg-overlay);padding-bottom:3rem}.contact__container{padding-top:4rem}.contact__container h2{margin-bottom:3rem}.contact__content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto 3rem;width:75%}.form-label{margin-bottom:1rem}.form-control{margin-bottom:1.5rem}.form-item{background-color:var(--color-bg-trans);border:1px solid var(--color-bg-variant);border-radius:5px;color:var(--color-white);display:block;padding:.75rem .5rem;resize:none;width:100%}.form-item:focus{border-color:var(--color-primary)}.form-item::-webkit-input-placeholder{color:var(--color-white);font-family:var(--font-roboto-mono)}.form-item::placeholder{color:var(--color-white);font-family:var(--font-roboto-mono)}.submit{display:flex;justify-content:center}.submit button{font-size:1rem;padding:.6rem 1rem}.contact__info{background-color:var(--color-bg-trans);border:1px solid var(--color-bg-variant);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;padding:1rem 1.5rem;text-align:center}.contact__info p{padding:1rem 0}.contact__info ul li:before{content:"- "}.form-message-success{color:#06d506}.form-message-error,.form-message-success{background-color:var(--color-bg-trans);border:1px solid;border-radius:.5rem;margin:0 auto 2rem;padding:.5rem 0;text-align:center;width:50%}.form-message-error{color:#d50606}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}.contact__content{width:100%}.form-message-error,.form-message-success{width:75%}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}.contact__content{grid-template-columns:1fr}.contact__form{order:2}}footer{background-color:var(--color-bg-dark);padding:1.5rem 0 1rem;text-align:center}.footer__container{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr 1fr 1fr}.footer__social-links{align-items:center;display:flex;gap:1.2rem;justify-content:center;padding-top:2rem}.copyright{padding:1rem 0}@media screen and (max-width:1024px){.container{width:var(--container-width-md)}.footer__container{gap:0}footer{padding-top:2rem}}@media screen and (max-width:600px){.container{width:var(--container-width-sm)}.footer__container{gap:2rem;grid-template-columns:1fr}.footer__social-links{padding-top:.5rem}}#mobile-nav{display:none}@media screen and (max-width:600px){#mobile-nav{background-color:var(--color-bg-dark);display:block;left:0;padding:1rem 0;position:fixed;text-align:center;top:0;width:100%;z-index:10}#mobile-nav ul li{padding-bottom:.6rem}.close-button{position:absolute;right:1.5rem;top:1.5rem}}
/*# sourceMappingURL=main.ec3dfa59.css.map*/