:root{--first-color:#1e90ff;--second-color:#191f25;--third-color:#002897;--white-color:#fff;--gray-color:#e6e6e6;--black-color:#000;--link-color:#fff;--title-color:#fff;--text-color:#fff;--second-text-color:#222;--font:"Raleway",sans-serif;--max-width:1280px;--max-height:720px;--header-height:4rem}html{box-sizing:border-box;font-family:"Raleway",sans-serif;font-family:var(--font);font-size:16px;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{margin:0;overflow-x:hidden;color:#fff;color:var(--text-color);background-color:#191f25;background-color:var(--second-color)}a{color:#fff;color:var(--link-color);text-decoration:none;font-weight:700;transition:all .3s ease-in-out}img{max-width:100%;height:auto}p{line-height:1.4;color:#fff;color:var(--text-color)}.title{font-size:2.5rem;margin:3rem 0;text-align:center}.subtitle,.title{font-weight:700;color:var(--second-text-color)}.subtitle{font-size:1.5rem;margin:1rem 0}.text{color:var(--second-text-color);line-height:1.3;font-size:1rem}.social-networks{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;grid-gap:1rem;gap:1rem}.social-networks-item>img{width:2.5rem;transition:all .3s ease-in-out}.social-networks-item>img:hover{opacity:.75}.none{display:none}@media screen and (min-width:1024px){.title{font-size:3rem}.social-networks-item>img{width:2rem}}.nav-main{background-color:var(--second-color);position:fixed;height:var(--header-height);width:100vw;top:0;left:0;padding:1rem 2rem;z-index:999}.nav-main-content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;max-width:var(--max-width);margin:auto}.nav-main-logo>a{color:var(--first-color);font-size:2rem}.nav-main-logo>a:hover{opacity:.75}.menu-btn{height:2rem;width:2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:transparent;outline:none;border:none;cursor:pointer;transition:all .3s ease-in-out}.menu-btn:hover{opacity:.75}.nav-main-menu{position:absolute;top:var(--header-height);left:0;width:100vw;height:calc(100vh - var(--header-height));background-color:var(--second-color);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:all .3s ease-in-out}.is-active{-webkit-transform:translateY(0);transform:translateY(0)}.nav-main-link{height:var(--header-height);width:100vw;text-align:center;padding:1.5rem}.nav-main-link:hover{background-color:var(--first-color)}.nav-main-content>.social-networks{display:none}.nav-main-menu>.social-networks{position:absolute;bottom:5rem}.nav-main-content>.social-networks>a>img,.nav-main-menu>.social-networks>a>img{height:1.5rem}@media screen and (min-width:1024px){.menu-btn{display:none}.nav-main{padding:0 2rem;position:fixed}.nav-main-content{display:grid;grid-template-columns:.5fr 2fr .5fr}.nav-main-logo>a{font-size:2.5rem}.nav-main-menu{position:unset;width:unset;height:var(--header-height);-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-transform:unset;transform:unset;transition:all .3s ease-in-out;margin:auto}.nav-main-link{height:unset;width:unset;text-align:center;padding:.5rem 1rem;margin:0 .5rem;border-radius:100px}.nav-main-content>.social-networks{display:-webkit-flex;display:flex;-webkit-justify-content:right;justify-content:right}.nav-main-menu>.social-networks{display:none;position:unset}}.home{padding-top:var(--header-height);max-height:900px}.home-content{max-width:var(--max-width);height:calc(100vh - var(--header-height));max-height:calc(900px - var(--header-height));display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:0 2rem;margin:auto;position:relative}.principal-title{font-size:2.5rem;font-weight:800;margin:8rem 0 0}.principal-subtitle{margin:0;font-size:1.5rem;font-weight:600;line-height:.8}.profile-image{display:none;width:calc(100vw - 4rem);height:auto;position:absolute;bottom:0}.contact-btn{margin:2rem;background-color:var(--first-color);border-radius:5px;padding:1rem;height:3rem;text-align:center}.contact-btn:hover{opacity:.75}.last-projects{display:unset;margin-bottom:4rem}.last-projects>.title{font-size:1.5rem;margin:1rem 0;color:var(--white-color);text-align:left}.last-projects-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.last-projects-content>a:hover{opacity:.75}.last-project-image{max-width:250px;border-radius:5px}@media screen and (min-width:600px){.home-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative}.principal-title{font-size:4rem}.principal-subtitle{font-size:2rem}.profile-image{width:calc(100vw - 4rem);max-height:50vh;display:none}.last-projects-content{-webkit-flex-direction:row;flex-direction:row}}@media screen and (min-width:1024px){.home-content{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.principal-title{margin:0 0 0 4rem;font-size:4rem}.principal-subtitle{margin:0 0 0 4rem;font-size:2.25rem}.contact-btn{margin:3rem 0 4rem 4rem;width:9rem;height:3.6rem;padding:1.3rem;line-height:1}}@media screen and (min-width:1200px){.home-content{-webkit-align-items:unset;align-items:unset}.profile-image{width:35rem;max-height:95vh;position:absolute;right:2rem;bottom:0;top:0;margin:auto;display:unset}}@media screen and (min-width:1400px) and (min-height:900px){.home-content{-webkit-justify-content:center;justify-content:center}}.about-me{background-color:var(--gray-color);background-image:url(/static/media/about-background.135eb2ea.svg);background-position:bottom;background-repeat:no-repeat;padding:0 2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-height:100vh}.about-me>.title{margin-top:3rem;margin-bottom:4rem}.about-me-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:var(--max-width)}.about-me-target{background-color:var(--white-color);border-radius:5px;padding:2rem 1rem 1rem;margin-bottom:4rem;position:relative}.about-me-icon{width:5rem;position:absolute;bottom:87%;left:calc(50% - 2.5rem);margin:0}.about-me-target>.subtitle{text-align:center}@media screen and (min-width:1024px){.about-me{background-size:100vw;-webkit-justify-content:center;justify-content:center}.about-me>.title{margin-top:0}.about-me-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:2rem;gap:2rem}.about-me-target{padding:2rem 2rem 1rem}}.skills{-webkit-align-items:center;align-items:center;padding:0 2rem;min-height:100vh}.skills,.skills-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.skills-content{max-width:var(--max-width);padding-bottom:4rem}.skills>.title{color:var(--white-color);text-align:center}.skills-target-content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;grid-gap:2rem;gap:2rem;margin-bottom:4rem}.target-skills{background-color:var(--white-color);width:120px;height:120px;border-radius:5px;padding:1rem 1rem .8rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.skill-image{height:4rem;margin:0;padding:0}.skill-name{font-size:1rem;font-weight:700;color:var(--second-text-color);margin:0;padding:0}.extra-skills-content{margin-bottom:1rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;grid-gap:.5rem;gap:.5rem}@media screen and (min-width:1024px){.skills{-webkit-justify-content:center;justify-content:center}}.projects{background-color:var(--gray-color);padding:0 2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-height:100vh}.projects-content{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;max-width:var(--max-width)}.target-project{background-color:var(--white-color);border-radius:5px;box-shadow:0 0 1rem rgba(0,0,0,.2);position:relative}.project-image{width:100%;border-radius:5px 5px 0 0;margin:0}.project-description{padding:1rem 1rem 0}.project-description>.subtitle{margin:0}.project-description>.subtitle>a{color:var(--second-text-color);padding:0;margin:0}.project-description>.text{margin:.5rem 0 0;text-align:justify;width:100%;height:85px;overflow:auto}.project-btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin:0 0 2.5rem;padding:1rem}.code-btn,.demo-btn-false,.demo-btn-true{height:2.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:5px}.demo-btn-true{background-color:var(--first-color);color:var(--white-color);border:2px solid var(--first-color)}.demo-btn-false{background-color:var(--gray-color);color:var(--white-color);border:2px solid var(--gray-color);cursor:default;pointer-events:none}.code-btn{background-color:var(--white-color);color:var(--first-color);border:2px solid var(--first-color)}.code-btn:hover,.demo-btn-true:hover,.project-description>.subtitle>a:hover{opacity:.75}.project-technologies{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left;grid-gap:.5rem;gap:.5rem;background-color:var(--gray-color);padding:.5rem 1rem;border-radius:0 0 5px 5px;position:absolute;bottom:0;left:0;width:100%}.project-technologies>img{height:1.2rem}.projects>.text{text-align:center;margin-top:2rem}.projects>.text>a{color:var(--first-color)}.projects>.text>a:hover{opacity:.75}@media screen and (min-width:500px){.projects-content{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.projects{-webkit-justify-content:center;justify-content:center}.projects-content{grid-template-columns:1fr 1fr 1fr 1fr}}.contact{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;min-height:100vh}.contact>.title{color:var(--white-color)}.contact-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:0 2rem}.contact-content>.text{color:var(--white-color);text-align:center;margin:0}.contact-content>.text>u{-webkit-text-decoration:underline 2px var(--first-color);text-decoration:underline 2px var(--first-color)}.contact-content>.social-networks{margin:2rem}.contact-content>.social-networks>a>img{height:2rem;margin:0 .5rem}.contact-form{width:100%;padding:1rem;border-radius:5px;background:var(--white-color);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;grid-gap:1rem;gap:1rem;margin:0 0 4rem}.contact-form textarea,.contact-input-text{width:100%;padding:.5rem;margin:0;font-family:var(--font);background-color:var(--gray-color);border:none;border-radius:5px;outline:none;font-size:1rem}.contact-form textarea{height:100px;resize:none}.form-send-btn{background-color:var(--first-color);color:var(--white-color);border:none;border-radius:5px;cursor:pointer;transition:all .3s ease-in-out;outline:none;font-size:1rem;font-weight:700;height:3rem;width:100%}.form-send-btn:hover{opacity:.75}.modal-check,.modal-loading{background-color:var(--white-color);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left;width:250px;height:100px;padding:1rem;margin:1rem 0;border-radius:10px;grid-gap:1rem;gap:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2);-webkit-transform:translateX(300px);transform:translateX(300px);transition:all .3s ease-in-out;position:fixed;right:2rem}.modal-check{bottom:calc(100px + 2rem)}.modal-loading{bottom:1rem}.modal-check>img,.modal-loading>img{width:3rem}.modal-check>h5,.modal-loading>h5{font-size:1rem;color:var(--second-text-color)}.icon-loading{-webkit-animation:loader 1.3s linear infinite;animation:loader 1.3s linear infinite;-webkit-animation-name:loader;animation-name:loader;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.modal-active{-webkit-transform:translateX(0);transform:translateX(0)}.modal-active-down{-webkit-transform:translateY(132px);transform:translateY(132px)}@media screen and (min-width:1024px){.contact{-webkit-justify-content:center;justify-content:center}.form-send-btn{width:25%}}.footer{text-align:center;padding:0 0 2rem}
/*# sourceMappingURL=main.a94bb4a6.chunk.css.map */