body{background-color:#151515;font-family:Space Grotesk,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0}.App,body{width:100%}.App{display:flex;flex-direction:column;margin:auto;max-width:1440px;overflow:hidden}.App,.header{position:relative}.header{margin:auto auto 5%;min-height:600px;padding-top:1%;width:85%}.header__rings{left:-20%;position:absolute;top:15%;z-index:50}@media screen and (max-width:768px){.header{height:500px;padding-top:0;width:95%}.header__rings{width:50%}}@media screen and (max-width:500px){.header{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:720px;width:95%}.header__rings{width:70%;z-index:-1}}.navbar{display:flex;height:15%;position:relative;width:100%}.navbar__name{color:#fff;display:flex;font-size:24px;font-weight:700;left:3%;line-height:32px;margin:0;position:absolute;top:23.5%}.navbar__links-container{display:flex;justify-content:space-around;position:absolute;right:3%;top:30%;width:10%}.navbar__links-container:before{background-color:#4ee1a0;bottom:0;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease-in-out;width:0}.navbar__links-container:hover:before{width:100%}.navbar__link{height:25px;width:25px}@media screen and (max-width:768px){.navbar__links-container{width:18%}}@media screen and (max-width:500px){.navbar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;margin:3% auto 2%;width:80%}.navbar__name{align-self:center;margin-bottom:5%;margin-top:5%;position:static}.navbar__links-container{align-self:center;position:static;width:30%}}.header-text__container{left:5%;margin-top:5%;position:absolute;width:63%}.header-text__title{color:#fff;font-size:88px;font-weight:700;line-height:88px;margin:0 0 5%;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.header-text__title:hover{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.header-text__title-name{-webkit-text-decoration:4.5px underline #4ee1a0;text-decoration:4.5px underline #4ee1a0}.header-text__paragraph{color:#fff;font-size:18px;font-weight:100;line-height:28px;margin:0 0 5%;width:60%}.header-text__link{border-bottom:3px solid #4ee1a0;color:#fff;font-size:24px;font-weight:700;line-height:32px;margin:0;text-decoration:none;transition:color .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-text__link:hover{color:#4ee1a0}@media screen and (max-width:768px){.header-text__title{font-size:66px;line-height:66px}.header-text__paragraph{width:70%}}@media screen and (max-width:500px){.header-text__container{bottom:0;display:flex;flex-direction:column;margin:4% auto auto;position:absolute;width:90%}.header-text__title{font-size:42px;line-height:1.2;margin:auto;text-align:center}.header-text__paragraph{margin-top:3%;text-align:center;width:100%}.header-text__link{font-size:18px;line-height:1.2;margin:auto}}.profile-image__container{background-color:#242424;height:100%;overflow:hidden;position:absolute;right:0;top:0;width:35%;z-index:-1}.profile-image{bottom:-15%;height:auto;left:-10%;position:absolute;width:120%}@media screen and (max-width:1024px){.profile-image{left:-25%;width:150%}}@media screen and (max-width:768px){.profile-image__container{width:40%}}@media screen and (max-width:500px){.profile-image__container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;margin:auto;position:absolute;top:28%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.profile-image{left:-9%;position:relative;width:120%}}@media screen and (max-width:320px){.profile-image__container{top:25%}}.main{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:relative;width:85%}@media screen and (max-width:768px){.main{width:95%}}.skills{border-bottom:2px solid #d9d9d9;border-top:2px solid #d9d9d9;display:flex;flex-direction:column;margin:auto;padding:60px 0;position:relative;width:100%}.skills__title{color:#fff;font-size:70px;font-weight:700;margin:0 auto 60px;-webkit-text-decoration:4px underline #4ee1a0;text-decoration:4px underline #4ee1a0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skills__title:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skills__cards-container{grid-gap:50px 40px;display:grid;gap:50px 40px;grid-template-columns:repeat(3,1fr);margin:auto;width:85%}.skills__item{align-items:center;display:flex;flex-direction:column;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.skills__item:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.skills__link{color:#fff;font-size:40px;font-weight:700;position:relative;text-decoration:none;transition:color .3s ease}.skills__link:after{background-color:#4ee1a0;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.skills__link:hover{color:#4ee1a0}.skills__link:hover:after{left:0;width:100%}.skills__level{color:#b3b3b3;font-size:18px;letter-spacing:1px;margin-top:12px}@media screen and (max-width:1024px){.skills__cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.skills__title{font-size:48px;margin-bottom:40px}.skills__link{font-size:32px}}@media screen and (max-width:500px){.skills__cards-container{grid-template-columns:1fr}.skills__title{font-size:36px}.skills__link{font-size:28px}}@-webkit-keyframes fall{0%{top:-350px}to{top:15%}}@keyframes fall{0%{top:-350px}to{top:15%}}@-webkit-keyframes rise{0%{top:15%}to{top:-350px}}@keyframes rise{0%{top:15%}to{top:-350px}}.projects__card{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.projects__card-image-container{height:80%;margin-bottom:2%;overflow:hidden;position:relative;width:100%}.projects__card-image-overlay{background-color:#000;height:100%;opacity:0;position:absolute;transition:visibility 0s linear 0s,opacity 1s;visibility:hidden;width:100%;z-index:200}.projects__card-image-overlay_visible{opacity:.9;visibility:visible}.projects__card-image-overlay_hidden{opacity:0;transition:visibility 0s linear 1s,opacity 1s;visibility:hidden}.projects__card-image{height:100%;margin:0;width:100%}.projects__card-text{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;visibility:hidden;width:80%;z-index:250}.projects__card-text_visible{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fall;animation-name:fall;-webkit-animation-timing-function:ease;animation-timing-function:ease}.projects__card-text_hidden,.projects__card-text_visible{-webkit-animation-duration:1s;animation-duration:1s;left:50%;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:visible}.projects__card-text_hidden{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:rise;animation-name:rise;-webkit-animation-timing-function:ease;animation-timing-function:ease}.projects__card-project-description{color:#fff;display:flex;font-size:18px;font-weight:100;line-height:1.2;margin:0 0 5%;text-align:justify;width:100%}.projects__card-project-link{align-self:center;border-bottom:2px solid #4ee1a0;color:#fff;font-size:18px;font-weight:100;line-height:1.2;margin-bottom:5%;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects__card-project-link:hover{color:#4ee1a0}.projects__card-code-link{align-self:center;border-bottom:3px solid #4ee1a0;color:#fff;font-size:18px;font-weight:100;line-height:1.2;margin-bottom:5%;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects__card-code-link:hover{color:#4ee1a0}.projects__card-info{width:100%}.projects__card-header{color:#fff;font-size:24px;font-weight:700;line-height:32px;margin:0 0 5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects__card-header:after{background-color:#4ee1a0;bottom:0;content:"";height:3px;left:50%;position:absolute;transition:.4s ease-in-out;width:0}.projects__card-header:hover:after{left:0;width:100%}.projects__card-paragraph{color:#fff;font-size:14px;font-weight:100;line-height:1.2;margin:0}@media screen and (max-width:1024px){.projects__card-project-description{font-size:12px}}@media screen and (max-width:768px){.projects__card{flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.projects__card-text{display:none}.projects__card-image-container{min-height:250px}.projects__card-image{height:250px;margin:0;width:100%}.projects__card-image-overlay{display:none}.projects__card-paragraph{margin-bottom:2%}.projects__card-links_small-divices{display:flex;justify-content:space-between;width:80%}}@media screen and (max-width:500px){.projects__card-links_small-divices{display:flex;justify-content:space-between;margin-top:3%;width:100%}}.projects{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;position:relative;width:100%}.projects__title{color:#fff;font-size:70px;font-weight:700;line-height:1.2;margin:2% 0;-webkit-text-decoration:4.5px underline #4ee1a0;text-decoration:4.5px underline #4ee1a0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects__title:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.projects__link{border-bottom:3px solid #4ee1a0;color:#fff;font-size:24px;font-weight:700;line-height:32px;margin:0;position:absolute;right:0;text-decoration:none;top:50px;transition:color .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects__link:hover{color:#4ee1a0}.projects__rings_top{left:-20%;position:absolute;top:20%;z-index:-1}.projects__rings_bottom{bottom:20%;position:absolute;right:-20%;z-index:-1}.projects__cards-container{grid-column-gap:20px;grid-row-gap:30px;-webkit-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto,2fr);margin:3% auto 5%;row-gap:30px;width:85%}@media screen and (max-width:768px){.projects{padding-bottom:5%}.projects__title{font-size:66px;line-height:1.2}.projects__link{top:40px}.projects__rings_bottom,.projects__rings_top{width:50%}}@media screen and (max-width:500px){.projects{padding-bottom:5%}.projects__title{font-size:40px;line-height:1.2}.projects__link{font-size:16px;line-height:1.2;top:30px}.projects__rings_bottom,.projects__rings_top{width:70%}.projects__cards-container{grid-template-columns:repeat(1,1fr)}}.footer{background-color:#242424;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:500px;position:relative;width:100%}.footer__rings{left:-10%;position:absolute;top:57%;z-index:50}@media screen and (max-width:768px){.footer{padding-bottom:4.5%}.footer__rings{width:50%}}@media screen and (max-width:500px){.footer{min-height:540px;padding-bottom:0}.footer__rings{width:70%}}.contact{display:flex;margin:5% auto;width:85%}@media screen and (max-width:768px){.contact{flex-direction:column;width:95%}}.contact__text{display:flex;flex-direction:column;height:100%;width:50%}.contact__text-title{color:#fff;font-size:70px;font-weight:700;line-height:1.2;margin:0 0 2%;-webkit-text-decoration:4.5px underline #4ee1a0;text-decoration:4.5px underline #4ee1a0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__text-title:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.contact__text-paragraph{color:#fff;font-size:18px;font-weight:100;line-height:28px;margin:0;text-align:justify;width:60%}@media screen and (max-width:768px){.contact__text{align-items:center;align-self:center;margin-bottom:2%;width:80%}.contact__text-title{font-size:66px;line-height:1.2}.contact__text-paragraph{width:100%}}@media screen and (max-width:500px){.contact__text-title{font-size:40px}}.contact__form-container{justify-content:flex-end;width:50%}.contact__form,.contact__form-container{display:flex;height:100%;position:relative}.contact__form{flex-direction:column;margin-right:5%;margin-top:5%;width:60%}.contact__form-title{border-bottom:2px solid #4ee1a0;margin:auto}.contact__form-name-input,.contact__form-title{color:#fff;font-size:18px;font-weight:100;line-height:1.2}.contact__form-name-input{background:none;border:0;border-bottom:2px solid #fff;font-family:Space Grotesk;outline:none;width:100%}.contact__form-name-input_active{border-bottom:2px solid #4ee1a0}.contact__form-name-input_error{border-bottom:2px solid #dd2727}.contact__form-name-correct{color:#4ee1a0}.contact__form-name-correct,.contact__form-name-error{align-self:flex-end;background:none;font-size:14px;font-weight:100;line-height:1.2;margin:1% 0 0}.contact__form-name-error{color:#dd2727}.contact__form-email-input{background:none;border:0;border-bottom:2px solid #fff;color:#fff;font-family:Space Grotesk;font-size:18px;font-weight:100;line-height:1.2;margin:3% 0 0;outline:none;width:100%}.contact__form-email-input_active{border-bottom:2px solid #4ee1a0}.contact__form-email-input_error{border-bottom:2px solid #dd2727}.contact__form-email-correct{color:#4ee1a0}.contact__form-email-correct,.contact__form-email-error{align-self:flex-end;background:none;font-size:14px;font-weight:100;line-height:1.2;margin:1% 0 0}.contact__form-email-error{color:#dd2727}.contact__form-message-input{background:none;border:0;border-bottom:2px solid #fff;color:#fff;font-family:Space Grotesk;font-size:18px;font-weight:100;line-height:1.2;margin-top:3%;outline:none;resize:none;width:100%}.contact__form-message-input_active{border-bottom:2px solid #4ee1a0}.contact__form-message-input_error{border-bottom:2px solid #dd2727}.contact__form-message-correct{color:#4ee1a0}.contact__form-message-correct,.contact__form-message-error{align-self:flex-end;background:none;font-size:14px;font-weight:100;line-height:1.2;margin:1% 0 0}.contact__form-message-error{color:#dd2727}.contact__form-button{align-self:flex-end;background:none;border:0;border-bottom:2px solid #4ee1a0;color:#4ee1a0;cursor:pointer;font-size:18px;font-weight:100;line-height:1.2;margin-top:3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__form-button_disabled{border-bottom:2px solid #dd2727;color:#fff}@media screen and (max-width:1024px){.contact__form{margin-top:0;width:80%}}@media screen and (max-width:768px){.contact__form-container{align-self:center;justify-content:center;width:90%}.contact__form{margin:0}.contact__form-title{margin-bottom:5%;margin-top:5%}}.navbar_footer{border-top:2px solid #d9d9d9;display:flex;height:15%;margin:0 auto 2%;padding-top:2%;position:relative;width:85%}.navbar__name_footer{color:#fff;display:flex;font-size:24px;font-weight:700;left:0;line-height:32px;margin:0;position:absolute;top:40%}.navbar__links-container_footer{display:flex;justify-content:space-around;position:absolute;right:0;top:50%;width:10%}.navbar__links-container_footer:before{background-color:#4ee1a0;bottom:0;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease-in-out;width:0}.navbar__links-container_footer:hover:before{width:100%}.navbar__link_footer{height:25px;width:25px}@media screen and (max-width:1024px){.navbar_footer{margin-bottom:0}}@media screen and (max-width:768px){.navbar_footer{margin-bottom:0;width:95%}.navbar__links-container_footer{width:15%}}@media screen and (max-width:500px){.navbar__links-container_footer{width:25%}}
/*# sourceMappingURL=main.ee4083e4.css.map*/