@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.footer{height:40px;width:100%;background-color:rgba(0,0,0,.4);color:hsla(0,0%,100%,.4);line-height:40px;text-align:center}.navigation{display:flex;justify-content:space-between}.navigation__logo{margin-left:5px;z-index:100;font-size:2.5rem;transition:.3s;transform:translateY(5%)}.navigation__menu-btn{position:fixed;height:30px;width:30px;top:15px;right:15px;z-index:10;transition:.3s;cursor:pointer}.navigation__menu-btn--close{transform:translateY(50px) rotate(180deg)}.navigation__menu-btn--close .navigation__menu-btn-line:first-child{transform:rotate(45deg) translate(6px,11px)}.navigation__menu-btn--close .navigation__menu-btn-line:nth-child(2){display:none}.navigation__menu-btn--close .navigation__menu-btn-line:nth-child(3){transform:rotate(-45deg) translate(-4px,1px)}.navigation__menu-btn-line{margin-top:5px;height:4px;width:100%;border-radius:2px;background-color:#fff}.navigation__items-list-container{margin:0 auto;position:fixed;top:0;left:0;z-index:99;height:50px;width:100%;background-color:#070604;border-right:1px solid hsla(0,0%,100%,.1);transform:translateY(-100%);transition:.3s}.navigation__items-list-container--show{transform:translateY(0)}.navigation__items-list{margin:0 auto;width:100%;max-width:800px;height:100%;display:flex;justify-content:space-evenly;align-items:center}.navigation__item:hover i{color:hsla(0,0%,100%,.5)}.navigation__item:hover .navigation__item-title{opacity:1}.navigation__item-link{position:relative;font-size:1.7rem;transition:.3s ease-out}.navigation__item-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;opacity:0}.main{margin:0 auto;padding:0 20px;max-width:1000px;min-height:calc(100vh - 88px);color:#fff}.home{display:flex;align-items:center}.home__welcome-text{font-size:2.5rem;letter-spacing:2px}.home__title-text{-webkit-animation:slide 1s forwards;animation:slide 1s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.home__title-text,.home__title-text-end{display:block;transform:translateX(-150%)}.home__title-text-end{color:#04c6fe;-webkit-animation:slide 1s forwards;animation:slide 1s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.about{display:flex;flex-direction:column;justify-content:space-evenly;font-size:1.2em}.about__experience-title{border-bottom:1px solid hsla(0,0%,100%,.4)}.about__experience-container,.about__experience-title{transform:translateX(-150%);-webkit-animation:slide 1.2s forwards;animation:slide 1.2s forwards}.about__experience-container__experience-title{border-bottom:1px solid hsla(0,0%,100%,.4);transform:translateX(-150%)}.about__skills-container{overflow:hidden}.about__skills-container .about__skills-title{border-bottom:1px solid hsla(0,0%,100%,.4);opacity:0;-webkit-animation:appear 1.5s forwards;animation:appear 1.5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.about__skills-container .about__skills-list{margin-top:30px;display:flex;align-items:center;justify-content:space-evenly}.about__skills-container .about__skills-list .about__skills-item{opacity:0;-webkit-animation:appear 1.5s forwards;animation:appear 1.5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.about__skills-container .about__skills-list .about__skills-item:first-of-type{-webkit-animation-delay:.4s;animation-delay:.4s}.about__skills-container .about__skills-list .about__skills-item:nth-of-type(2){-webkit-animation-delay:.5s;animation-delay:.5s}.about__skills-container .about__skills-list .about__skills-item:nth-of-type(3){-webkit-animation-delay:.6s;animation-delay:.6s}.about__skills-container .about__skills-list .about__skills-item:nth-of-type(4){-webkit-animation-delay:.7s;animation-delay:.7s}.about__skills-container .about__skills-list .about__skills-item:nth-of-type(5){-webkit-animation-delay:.8s;animation-delay:.8s}.about__skills-container .about__skills-list .about__skills-item:nth-of-type(6){-webkit-animation-delay:.9s;animation-delay:.9s}.about__skills-container .about__skills-list .about__skills-item-logo{height:75px}.about__skills-container .about__skills-minor-list-container{margin-top:30px;margin-bottom:10px;position:relative;text-align:center}.about__skills-container .about__skills-minor-list-container .about__skills-minor-list{width:1200px;position:absolute;display:flex;justify-content:space-evenly;transform:translateX(-1200px);-webkit-animation:skillsSlide 15s linear infinite;animation:skillsSlide 15s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.about__skills-container .about__skills-minor-list-container .about__skills-minor-list .about__skills-minor-item{font-size:1rem}.about__skills-container .about__skills-minor-list-container .about__skills-minor-list--second{width:1200px;display:flex;justify-content:space-evenly;transform:translateX(-1200px);-webkit-animation:skillsSlide 15s linear infinite;animation:skillsSlide 15s linear infinite;-webkit-animation-delay:8.5s;animation-delay:8.5s}.about__skills-container .about__skills-minor-list-container .about__skills-minor-list--second .about__skills-minor-item{font-size:1rem}@-webkit-keyframes skillsSlide{0%{transform:translateX(-1200px)}to{transform:translateX(1200px)}}@keyframes skillsSlide{0%{transform:translateX(-1200px)}to{transform:translateX(1200px)}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}.projects{padding-top:60px}.projects__title{font-size:1.8em;border-bottom:1px solid hsla(0,0%,100%,.4);transform:translateX(-150%);-webkit-animation:slide 1.5s forwards;animation:slide 1.5s forwards}.projects__projects-container{margin-top:40px;width:100%;display:grid;grid-template-rows:repeat(2,1fr);grid-gap:50px}.projects__projects-container .projects__project{display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:15px;border:1px solid hsla(0,0%,100%,.4);border-radius:10px;align-items:center;transform:translateX(-150%);-webkit-animation:slide 1.5s forwards;animation:slide 1.5s forwards}.projects__projects-container .projects__project:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.projects__projects-container .projects__project:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.projects__projects-container .projects__project-links{height:80%;margin-top:10px;padding-left:5px;padding-right:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.projects__projects-container .projects__project-link{padding:5px 10px;border:1px solid hsla(0,0%,100%,.4);border-radius:7px;transition:.3s}.projects__projects-container .projects__project-link:hover{transform:scale(1.2);font-weight:700}.projects__projects-container .projects__project-image{width:300px;height:200px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid hsla(0,0%,100%,.4)}.projects__projects-container .projects__project-info{margin-right:10px;margin-left:10px;text-align:center}.projects__projects-container .projects__project-info-title{display:block;margin-bottom:10px;letter-spacing:1px}.projects__projects-container .projects__project-info-subtitle{margin-bottom:8px}.projects__projects-container .projects__project-info-tech{font-size:.9rem;line-height:1.5}@-webkit-keyframes slide{0%{transform:translateX(-150%)}to{transform:translateX(0)}}@keyframes slide{0%{transform:translateX(-150%)}to{transform:translateX(0)}}.contact{padding-top:60px;opacity:0;-webkit-animation:showContact 1s forwards;animation:showContact 1s forwards}.contact__title{font-size:1.8em;border-bottom:1px solid hsla(0,0%,100%,.4)}.contact__form{margin:30px auto;height:400px;width:500px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.contact__form-section{margin-top:10px;width:100%;font-size:1.3em}.contact__form-section-label{display:block;margin-bottom:5px}.contact__form-section-input,.contact__form-section-text{width:100%;padding:10px;border-radius:5px;font-size:.7em}.contact__form-section-text{height:100px;resize:vertical;font-family:"Roboto",sans-serif}.contact__form-section-error{display:block;height:20px;color:red;font-size:.7em;opacity:1}.contact__form-submit-btn{margin-top:20px;width:150px;background-color:#04c6fe;font-size:1rem}.contact__info{margin-top:180px;margin-bottom:15px;display:flex;justify-content:space-evenly;align-items:center;color:#ddd}.contact__info-icon{margin-right:5px;font-size:1.5rem;vertical-align:text-bottom}.contact__info-social-link{margin-left:10px;font-size:1.5rem}@-webkit-keyframes showContact{0%{opacity:0}to{opacity:1}}@keyframes showContact{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}button{padding:5px 10px;border:none;border-radius:5px;cursor:pointer}button:focus,input:focus,textarea:focus{outline:0}li{list-style:none}a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.mark{color:#04c6fe}body{min-height:100vh;position:relative;background-image:url(/static/media/background.58243d17.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;font-family:"Roboto",sans-serif}body:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:-5;background-color:rgba(0,0,0,.4)}@media screen and (max-width:550px){.navigation__logo--move{transform:translateY(105%);z-index:1}.navigation__item:hover i{color:inherit}.navigation__item:hover .navigation__item-title{opacity:0}.navigation-link:hover{transform:none;font-weight:400}.main h2{font-size:1.5rem}.main .home__welcome-text{font-size:1.4rem}.main .about{margin-top:50px}.main .about__experience-item{font-size:1rem;text-align:justify}.main .about .about__experience-item-title{margin-top:20px}.main .about__skills-container .about__skills-title{margin-top:30px}.main .about__skills-container .about__skills-list{margin-top:20px;margin-bottom:20px}.main .about__skills-container .about__skills-list .about__skills-item .about__skills-item-logo{height:35px}.main .projects__projects-container{margin-top:40px;margin-bottom:20px}.main .projects__projects-container .projects__project{margin:0 auto;padding-bottom:20px;width:90%;max-width:330px;display:block;text-align:center}.main .projects__projects-container .projects__project-links{height:25px;margin-top:20px;margin-bottom:20px;flex-direction:row}.main .projects__projects-container .projects__project-image{width:100%;height:220px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom:1px solid hsla(0,0%,100%,.4)}.main .projects__projects-container .projects__project-info{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.main .contact{margin-top:20px}.main .contact__form{width:100%}}@media screen and (max-width:768px){.main .contact{padding-top:40px}.main .contact__info{margin-top:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main .contact__info div,.main .contact__info span{margin-bottom:20px}}@media screen and (min-width:551px) and (max-width:675px){.main .projects__projects-container{margin-top:40px;margin-bottom:20px}.main .projects__projects-container .projects__project{margin:0 auto;padding-bottom:20px;width:90%;max-width:400px;display:block;text-align:center}.main .projects__projects-container .projects__project-links{height:25px;margin-top:20px;margin-bottom:20px;flex-direction:row}.main .projects__projects-container .projects__project-image{width:100%;height:250px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom:1px solid hsla(0,0%,100%,.4)}.main .projects__projects-container .projects__project-info{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}}@media screen and (min-width:551px){.navigation__items-list-container{transform:translateY(0)}.navigation__items-list{max-width:500px}.navigation__menu-btn{display:none}.about__skills-container .about__skills-list .about__skills-item-logo{height:50px}}@media screen and (min-width:769px) and (max-width:1024px){.home{margin-left:40px}.about__skills-container .about__skills-list .about__skills-item-logo{height:70px}}@media screen and (min-width:1025px){body:after{background-color:rgba(0,0,0,.2)}.main{margin-left:100px}.about__skills-container .about__skills-list .about__skills-item-logo{height:75px}.home__welcome-text{font-size:3rem}.navigation__items-list-container{width:85px;height:100%;top:0;left:0;margin:0 auto;position:fixed;display:flex;flex-direction:column;justify-content:center}.navigation__items-list{height:60%;flex-direction:column}}@media screen and (max-height:600px){.main{margin-left:25px;min-height:calc(100vh - 38px)}.navigation__logo{margin-top:5px;margin-left:5px;position:fixed;z-index:100;font-size:1.5rem}.navigation__items-list-container{width:60px;height:100%;top:0;left:0;margin:0 auto;position:fixed;display:flex;flex-direction:column;justify-content:center}.navigation__items-list{height:80%;flex-direction:column}.navigation__item i{font-size:1.4rem}.navigation__item:hover i{color:inherit}.navigation__item:hover .navigation__item-title{opacity:0}.navigation-link:hover{transform:none;font-weight:400}.about{padding-top:20px}.about__experience-title{margin-bottom:20px}.about__experience-container{transform:translateX(-150%);-webkit-animation:slide 1.2s forwards;animation:slide 1.2s forwards}.about__experience-item-title{margin-top:20px;margin-bottom:5px}.about__skills-container .about__skills-title{margin-top:40px}.about__skills-container .about__skills-list .about__skills-item-logo{height:50px}.projects{padding-top:15px;padding-bottom:20px}.contact{padding-top:25px}.contact__info{margin-top:50px;margin-bottom:25px}}
/*# sourceMappingURL=main.2a7b6913.chunk.css.map */