body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}h1{font-size:2rem}h2{font-size:1.5rem}body{background-color:#344955;color:#fff}@media(max-width:1400px){html{font-size:20px}}@media(max-width:768px){html{font-size:18px}}@media(max-width:450px){html{font-size:12px}}.navbar{background-color:#35374b;height:auto;position:fixed;top:0;width:auto;width:100%}.navbar .container{align-items:center;display:flex;justify-content:center;margin:0 26px;padding-right:80px}.navbar .container .logo{color:#fff;list-style:none;text-decoration:none}.navbar .container .logo h1{height:100%}.navbar .container nav{height:100%;width:80vw}.navbar .container nav ul{display:flex;justify-content:center}.navbar .container nav ul li{list-style-type:none}.navbar .container nav ul li a{color:#fff;list-style:none;padding:2rem 2.5rem;text-decoration:none}.navbar .container nav ul li a:hover{background-color:#344955}.navbar .container nav ul li a.active{background-color:#50727b}.links-drawer{font-size:30px}.links-drawer a{display:flex;margin:10px 0}.links-menu{display:none}@media(max-width:800px){.links-menu{align-items:center;display:flex;justify-content:end}.links-list{display:none}.navbar .container{padding:0}}.container-banner{background-attachment:fixed;background-image:url(/static/media/banner.2d7eef51dd99826b94d7.jpg);background-repeat:no-repeat;background-size:cover;height:50rem}.container-banner .banner-imagen{display:flex;position:relative}.container-banner .banner-imagen img{position:absolute;width:100%;z-index:-2}.container-banner .banner-texto{align-items:center;background-color:#000c;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px}.container-banner .banner-texto h1{font-size:4rem}.container-banner .banner-texto p{color:#d7d9de;margin:2px}.projects-container{height:auto;margin-bottom:10px;padding:60px 25px}.projects-container h1{display:flex;justify-content:center}.projects-container .cards-container{display:flex;flex-wrap:wrap;height:100%;justify-content:space-evenly;padding-top:50px;width:100%}.projects-container .cards-container h2{background-color:1rem}.personalProjects{margin-bottom:80px}.card{background-color:#35374b;border:5px solid #78a083;border-radius:8px;height:500px;margin:10px;width:400px}.card a{color:#fff;list-style:none;text-decoration:none}.card .imagen{background-size:cover;height:40%;width:auto}.card h2{display:flex;height:10%;justify-content:center}.card p{color:#d7d9de;height:30%;padding-left:10px;padding-right:10px;width:100%}.card .tec{align-items:center;display:flex}.card .tec span{padding-left:10px;padding-right:10px}.container-tecnologies{background-color:#000;padding:50px 10px}.container-form-info,.container-tecnologies{display:flex;flex-wrap:wrap;justify-content:space-evenly}.container-form-info{height:70vh;padding:20px}.container-form-info .container-info h1{margin-bottom:50px}.container-form-info .container-info h2{font-size:1.5rem}.container-form-info .container-info .socials{display:flex;font-size:2rem;justify-content:space-evenly}.container-form-info .container-info .socials a{color:#fff;list-style:none;text-decoration:none}.container-form-info .container-form{height:40vh;width:45vh}.container-form-info .container-form form{display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-width:400px;min-width:100px;width:auto}.container-form-info .container-form form #email,.container-form-info .container-form form #name{background-color:#35374b;border:0;box-sizing:border-box;color:#ebf4f6;font-size:16px;margin-bottom:.5rem;margin-top:.5rem;padding:10px 20px}.container-form-info .container-form form textarea{background-color:#35374b;border:0;box-sizing:border-box;color:#ebf4f6;font-size:16px;height:100%;margin-top:1rem;padding:10px 20px}.container-form-info .container-form form .send-button{background:0 0;border:1px solid #78a083;border-radius:4px;color:#78a083;float:right;font:11px;letter-spacing:3px;margin-top:1rem;padding:8px 10px;text-decoration:none;width:5rem}.container-form-info .container-form form .send-button:hover{background-color:#78a083;color:#fff}@media(min-width:720px){.container-form-info{height:60vh}}
/*# sourceMappingURL=main.76c6506a.css.map*/