@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap";body{margin:0;padding:0;overflow-x:hidden}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:rgb(0,0,0)}body::-webkit-scrollbar-thumb{background-color:#d92020;border-radius:20px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.App{position:relative;min-width:100vw;min-height:100vh;background-color:#000;scroll-behavior:smooth}.home-screen{background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;width:100vw;height:100vh;position:relative;background-image:url(/assets/wave-haikei-64d6a621.svg)}.home-screen .main-content{width:100%;height:100%;padding-top:20vh;padding-left:10vw}.home-screen .main-content__hello{font-size:4rem;color:#ccc;font-weight:500}.home-screen .main-content__my-name{font-size:4.5rem;font-weight:500;color:#fff}.home-screen .main-content__my-name__name{color:#d92020}.home-screen .main-content__description{font-size:3rem;color:#fff;font-weight:500;margin-top:5vh;display:flex;flex-direction:column}.home-screen .main-content__description__role{font-size:4rem;color:#ccc}@media screen and (max-width: 600px){.home-screen .main-content{padding-top:12.5vh;padding-left:5vw}.home-screen .main-content__hello{font-size:2.5rem}.home-screen .main-content__my-name{font-size:3.5rem}.home-screen .main-content__my-name__name{color:#d92020}.home-screen .main-content__description{font-size:2rem;margin-top:5vh;display:flex;flex-direction:column}.home-screen .main-content__description__role{font-size:3rem}}.nav{z-index:999;position:fixed;top:0vh;right:0vw;width:100%;padding-top:4vh;padding-right:5vh;padding-bottom:4vh;transition:all .5s ease-in-out}.nav.color{background-image:linear-gradient(90deg,rgba(0,0,0,.6026785714) 0%,rgba(0,0,0,.9075805322) 40%,rgb(0,0,0) 100%)}.nav__list{display:flex;justify-content:flex-end;list-style:none}.nav__list li a{text-decoration:none;color:#fff;font-size:1.4rem}.nav__list li a:hover{color:#e44848}.nav__list li+li{margin-left:2rem}.nav__list .nav__list__item-active a{border-bottom:5px solid #d92020}.nav .nav__menu,.nav .nav__show-menu{display:none}@media screen and (max-width: 850px){.nav.color{background-image:linear-gradient(90deg,rgba(0,0,0,.6026785714) 0%,rgba(0,0,0,.9075805322) 75%,rgb(0,0,0) 100%)}.nav.show-menu{height:100vh;background-color:#000;padding-right:0}.nav.show-menu .nav__show-menu{margin-right:5vh}.nav__list{display:none}.nav .nav__show-menu{display:block;margin-left:auto;font-size:2rem;color:#fff;cursor:pointer;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(103%) contrast(100%)}.nav .nav__menu.show{display:block}.nav .nav__menu__list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:78vh;list-style:none}.nav .nav__menu__list li a{text-decoration:none;color:#fff;font-size:3rem}.nav .nav__menu__list li a:hover{color:#e44848}.nav .nav__menu__list li+li{margin-top:2rem}.nav .nav__menu__list .nav__menu__list__item__link-active{border-bottom:5px solid #d92020}}.down-arrow-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:5vh;display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer}.down-arrow-container__img{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.down-arrow-container__text{font-size:1.5rem;color:#ccc}@media screen and (max-width: 600px){.down-arrow-container{margin-bottom:10vh}}.aboutMe-screen{background-color:#000;padding-top:10vh}.aboutMe-screen .main-content{width:100%;height:100%}.main-screen{padding-top:10vh}.content{color:#fff;font-size:1.5rem;width:90vw;margin:0;margin-left:5vw}.content__title{font-size:2rem;font-weight:500;margin-bottom:2rem}.content__title-init{color:#d92020}.content__title-name{border-bottom:5px solid #d92020}.content-skills{margin-top:5vh}.content-skills .content__body{border:4px solid #d92020;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-self:center}.content-skills .content__body__item__title{font-size:1.5rem;font-weight:300;margin-bottom:1rem}.content-skills .content__body__item__list{display:flex;flex-wrap:wrap;row-gap:1rem}.content-skills .content__body__item__list__item{list-style-type:none}.content-skills .content__body__item__list__item img{width:80px;height:80px;margin-right:1rem}.content-skills .content__body__item+.content__body__item{margin-top:5vh}.focus-text{color:#d92020;font-weight:600}.focus-text-grey{color:#ccc;font-weight:600}.go-top{position:fixed;bottom:0;right:0;margin-bottom:3vh;margin-right:2vw}.go-top img{border:2px solid #d92020;height:55px;width:55px;transform:rotate(180deg);padding:10px;border-radius:50%}#express-svg,#socketio-svg,#selenium-svg,#github-svg,#aws-svg{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(103%) contrast(100%)}#c-svg{filter:brightness(0) saturate(100%) invert(20%) sepia(99%) saturate(2030%) hue-rotate(191deg) brightness(90%) contrast(98%)}.content-projects{margin-top:5vh}.content-projects .content__body__item{border:2px solid #cccccc;border-radius:10px;padding:2rem 2.5rem;display:flex}.content-projects .content__body__item__img{flex:1}.content-projects .content__body__item__img img{width:100%;height:auto;object-fit:cover}.content-projects .content__body__item__info{flex:2.5;margin-left:2rem}.content-projects .content__body__item__info__title{font-size:2rem;margin-bottom:1rem;text-shadow:0px 4px 0px #a40000}.content-projects .content__body__item__info__list{margin-left:2.5rem}.content-projects .content__body__item__info__list li{margin-bottom:1rem}.content-projects .content__body__item__info__links{margin-top:2rem;display:flex;width:100%;justify-content:space-around}.content-projects .content__body__item__info__links__link{background-color:#a40000;flex:0 0 40%;height:80px;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.content-projects .content__body__item__info__links__link:hover{background-color:#be0000}.content-projects .content__body__item__info__links__link.disabled{background-color:gray;color:#000;cursor:not-allowed}.content-projects .content__body__item__info__links__link+.content-projects .content__body__item__info__links__link{margin-left:1rem}.content-projects .content__body .content__body__item+.content__body__item{margin-top:5vh}@media screen and (max-width: 1000px){.content-projects .content__body__item{flex-direction:column;justify-content:center}.content-projects .content__body__item__info{margin-left:0;margin-top:2vh}.content-projects .content__body__item__info__links__link{flex:0 0 45%;text-align:center}.content-projects .content__body .content__body__item+.content__body__item{margin-top:5vh}}@media screen and (max-width: 600px){.content-projects .content__body__item{padding:1rem .5rem;flex-direction:column;justify-content:center}.content-projects .content__body__item__info{margin-left:0;margin-top:2vh}.content-projects .content__body__item__info__links__link{flex:0 0 48%;text-align:center}.content-projects .content__body .content__body__item+.content__body__item{margin-top:5vh}}.content-resume{margin-top:5vh;padding-bottom:5vh}.content-resume .content__body{display:flex;justify-content:center;align-items:center}.content-resume .content__body--show{flex-direction:column}.content-resume .content__body button{margin-top:3vh;background-color:transparent;outline:none;border:none}.content-resume .content__body button a{font-size:1.5rem;background-color:#a40000;padding:0 10px;height:80px;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.content-resume .content__body button a img{margin-right:1rem}.content-resume .content__body button a:hover{background-color:#be0000}.content-resume .content__body button+button{margin-left:4rem}@media screen and (max-width: 600px){.content-resume .content__body button{margin-top:3vh;margin-left:0}.content-resume .content__body button+button{margin-left:2vw}.content-resume .react-pdf__Page__canvas{width:95vw!important;height:auto!important}}.footer{background-color:#141313;color:#ccc;padding:2rem 0 1.5rem;text-align:center;font-size:1.2rem;margin-top:5vh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.footer__created-with{margin-top:1rem;font-size:.8rem;display:flex;align-items:center}.footer__created-with img{width:30px;height:30px;margin-left:.5rem;margin-right:.5rem}.footer__social{margin-top:2rem;display:flex;align-items:center}.footer__social a img{width:30px;height:30px;margin-left:.5rem;margin-right:.5rem;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(322deg) brightness(103%) contrast(100%)}.footer__social a img:hover{filter:invert(84%) sepia(0%) saturate(1140%) hue-rotate(139deg) brightness(95%) contrast(101%)}@media screen and (max-width: 1000px){footer__created-with img{margin-left:.2rem;margin-right:.2rem;width:24px;height:24px}}