:root{--main-bg-color: #fffffa;--main-text-color: #000103;--other-text-color: #515052;--brand-red:#ff312e;--brand-grey:#333138}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Source Code Pro,monospace}body{background-color:var(--main-bg-color);color:var(--main-text-color);width:100vw}.App{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:-2;overflow:hidden}.preloader{height:100vh;width:100vw;z-index:10;background-color:var(--main-bg-color);position:absolute;display:flex;align-items:center;justify-content:center;transition:all 1s linear}.preloader__logo__name{height:400px;width:50%;transition:all .5s linear}.main__page{border-radius:20px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:transparent;box-shadow:0 8px 30px #1f778726;height:90vh;max-width:90vw;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;padding:.9rem}.main__page::-webkit-scrollbar{width:.3em}.main__page::-webkit-scrollbar-track{margin-block:.6em;border-radius:100vw}.main__page::-webkit-scrollbar-thumb{background:var(--brand-red);border-radius:100vw;margin-right:2px}.LandingPage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:0 0 1.3rem}.logo__icons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.logo__name{font-family:Orbitron,sans-serif}.profile__icons{display:flex;align-items:center;gap:30px}.profile__icon{cursor:pointer;transition:all .3s ease-in-out}.profile__icon:hover{transform:scale(1.1)}.hero__container{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:10px}.hero__text__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center}.hero__text__intro{font-size:1.15rem}.waving__hand{height:23px;width:23px}.swiper{position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width:270px;height:27px}.swiper-slide{color:var(--other-text-color);font-size:1.25rem;font-weight:700}.hero__text__paragraph{font-size:.95rem;line-height:25px}.hire__me__button__link{text-decoration:none;background-color:transparent;border:var(--brand-red) 2px solid;color:var(--brand-red);font-weight:700;cursor:pointer;border-radius:7px;padding:.6rem 1rem;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;gap:10px}.hire__me__button__link:hover{background-color:var(--brand-red);color:var(--main-bg-color);transform:scale(1.05)}.hire__me__button__link:hover img{content:url(/assets/email-white.3ceb1c0d.svg)}.About{display:flex;flex-direction:column;gap:30px;padding:1.3rem 0}.about__container{display:flex;flex-direction:column;gap:20px}.about__title{font-size:2rem;color:var(--other-text-color)}.about__content{display:flex;flex-direction:column;gap:20px}.about__text__paragraph{font-size:.95rem;line-height:25px}.skills__container{display:flex;flex-direction:column;gap:20px}.skills__icon__container{display:grid;grid-template-columns:repeat(3,30%);grid-gap:15px;align-items:center}.icon__container{background-color:var(--main-text-color);height:100px;display:flex;align-items:center;justify-content:center;border-radius:10px}.icon__container>img{height:70%;width:70%}.Projects{display:flex;flex-direction:column;gap:20px;padding:1.3rem 0}.section__title{font-size:2rem;color:var(--other-text-color)}.projects__grid{display:grid;grid-template-columns:repeat(1,100%);grid-row-gap:30px;align-items:center}.project__grid{height:200px;display:flex;flex-direction:column;gap:8px;background-color:var(--main-text-color);color:var(--main-bg-color);border-radius:10px;padding:1rem 1rem 0}.project__details{display:flex;justify-content:space-between}.project__icons{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;align-self:flex-end}.project__icon{cursor:pointer;transition:all .3s ease-in-out}.visually-hidden{display:none}.project__description{opacity:1;font-size:.83rem;line-height:18px}.project__icon:hover{transform:scale(1.1)}.project__name{font-weight:700}.view__more__container{display:flex;align-items:center;gap:5px;align-self:center;margin-top:10px;text-decoration:none;color:var(--main-text-color)}.arrow__right{position:relative;animation:movement .3s ease-in-out infinite alternate}@keyframes movement{0%{left:0px}to{left:5px}}.Contact{display:grid;grid-template-columns:repeat(1,100%);grid-row-gap:30px;justify-content:center;align-items:center;text-align:center;padding:1.3rem 0 0}.contact__text{display:flex;flex-direction:column;gap:15px}.contact__header{font-size:2rem;color:var(--other-text-color)}.contact__paragraph{font-size:.95rem;line-height:25px}.contact__detail__form{display:grid;grid-template-columns:repeat(1,100%);justify-content:center;align-items:flex-start;grid-row-gap:40px}.contact__details{display:flex;flex-direction:column;justify-content:column;align-items:flex-start;gap:18px}.contact__detail{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem}.contact__detail>a{text-decoration:none;color:var(--main-text-color)}.contact__form{display:flex;flex-direction:column;gap:35px}.input__error{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.form__input{background:transparent;border:2px solid var(--main-text-color);border-top:none;border-left:none;border-right:none;text-indent:5px;width:100%;outline:none;border-radius:3px;color:var(--main-text-color);font-weight:700}.form__input::placeholder{color:var(--main-text-color);font-weight:700}.form__input:focus{border-bottom:2px solid var(--other-text-color)}.message__input{height:65px;resize:none}.error__text{color:var(--brand-red);align-self:left;font-size:.8rem;font-weight:700}.send__message{width:50%;align-self:flex-end;background-color:transparent;border:var(--brand-red) 2px solid;color:var(--brand-red);font-weight:700;cursor:pointer;border-radius:7px;padding:.5rem;transition:all .3s ease-in-out}.send__message:hover{background-color:var(--brand-red);color:var(--main-bg-color);transform:scale(1.05)}.bottom__logo__icons{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;border-top:2px solid var(--other-text-color);padding-top:15px}@media only all and (min-width: 660px){.hero-image{content:url(/assets/herodesktop.aca01e5e.svg)}.skills__icon__container{display:grid;grid-template-columns:repeat(3,32%);grid-gap:15px;align-items:center}.projects__grid{display:grid;grid-template-columns:repeat(2,48%);grid-row-gap:30px;grid-column-gap:20px;align-items:center}}@media (min-width: 992px){.preloader__logo__name{width:35%}.main__page{height:77vh;max-width:1000px;max-height:600px;padding:.9rem 2.3rem}.LandingPage{gap:55px}.logo__icons{flex-direction:row;gap:600px}.hero__container{flex-direction:row}.hero__text__container{justify-content:center;align-items:flex-start;gap:10px;text-align:left;padding:0}.hero__text__intro{font-size:1.5rem;margin:0}.waving__hand{height:30px;width:30px}.swiper{width:400px;height:32px;margin-left:0}.swiper-slide{font-size:1.6rem}.hero__text__paragraph{font-size:1.2rem;text-align:left;padding:0;line-height:30px;margin:0}.hero-image{content:url(/assets/herodesktop.aca01e5e.svg)}.about__text__paragraph{font-size:1.2rem;line-height:30px}.skills__icon__container{grid-template-columns:repeat(5,18.7%);grid-gap:15px;align-items:center}.Projects{justify-content:center;align-items:flex-start;gap:20px}.projects__grid{grid-template-columns:repeat(3,293px);grid-row-gap:20px;grid-column-gap:20px}.project__grid{height:220px}.contact__paragraph{margin-top:10px;font-size:1.1rem;line-height:25px}.contact__detail__form{grid-template-columns:40% 60%;justify-content:center;align-items:flex-start;grid-row-gap:0px}.contact__details{gap:15px}.contact__detail{font-size:.95rem}.contact__form{gap:30px}.send__message{width:25%}.bottom__logo__icons{flex-direction:row;gap:600px}}