#header{background-color:rgba(0,0,0,.9)}.nav{justify-content:space-between;padding:10px 20px;position:relative}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{flex:1}.logo-title{margin-left:10px;color:#fff;text-align:center}.menu-toggle{display:none;font-size:30px;color:#fff;cursor:pointer;z-index:100}.nav-lists{display:flex;align-items:center}.buttons ul{display:flex;list-style:none;margin:0;padding:0}.buttons li{margin:0 10px;padding:5px}.buttons a{color:#fff;text-decoration:none;font-size:15px;border:none;background:none;font-weight:600;font-family:Poppins,sans-serif;position:relative;padding:5px 0}.buttons a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f44336;transition:.5s}.buttons a:hover:before{width:100%}.button-language{display:flex;gap:.5rem;align-items:center;margin-left:20px}.button-language button{color:#bbb;background-color:transparent;border:none;font-size:1rem;cursor:pointer;border-radius:4px;padding:5px 10px;transition:color .3s,background-color .3s}.button-language button:hover{color:#fff;background-color:hsla(0,0%,100%,.1)}.button-language span{color:#888;font-weight:700}@media (min-width:1024px){#header{border-radius:20px;border:1px solid rgba(1,1,255,.9);padding:0 9px;margin:10px 50px}.menu-toggle{display:none!important}.nav-lists{flex:1;justify-content:space-between}}@media (max-width:1023px){#header{width:100%;margin:0;border-radius:0;border:none;padding:0}.nav{flex-direction:column;padding:10px}.menu-toggle{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.nav-lists{display:none;flex-direction:column;width:100%;background-color:rgba(0,0,0,.95);position:absolute;top:100%;left:0;z-index:99;padding:20px 0;margin-top:10px;border-top:1px solid hsla(0,0%,100%,.1)}.nav-lists.open{display:flex!important}.buttons ul{flex-direction:column;align-items:center;gap:20px}.buttons li{margin:0;width:100%;text-align:center}.buttons a{display:block;padding:10px 0}.button-language{margin-top:20px;margin-left:0;justify-content:center}}#footer{padding:.5rem;font-size:.75rem;font-weight:700;opacity:.7;color:wheat}#home{display:flex;justify-content:space-between;padding:10px 20px;align-items:center;gap:10px;min-width:100vw;width:100%;scroll-snap-align:start;.home-section-left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;height:80dvh;.title{color:#fff;font-size:3vh;font-weight:700;margin:40px 0}.icons{display:flex;gap:15px;margin:15px 0}hr{margin-top:30px;border:none;height:1px;width:150px;background-color:wheat}.buttons{display:flex;gap:15px;margin:15px 0;.Btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;position:relative;border-radius:7px;cursor:pointer;transition:all .3s;.svgContainer{display:flex;align-items:center;justify-content:center;background-color:transparent;backdrop-filter:blur(0);letter-spacing:.8px;border-radius:10px;border:1px solid hsla(0,0%,61%,.466)}.BG,.svgContainer{width:100%;height:100%;transition:all .3s}.BG{position:absolute;background:#181818;z-index:-1;border-radius:10px;pointer-events:none}&:hover{.BG{transform:rotate(35deg);transform-origin:bottom}.svgContainer{background-color:hsla(0,0%,61%,.466);backdrop-filter:blur(4px)}}}}}.home-section-right{width:60%;color:#fff;background-color:rgba(0,0,0,.9);border-radius:10px;padding:20px;h2{font-size:5vh;font-weight:700;margin:20px 0}p{font-size:1.2rem;line-height:1.6;margin-bottom:20px}}}#about{min-width:100vw;height:100%;scroll-snap-align:start;color:#fff;padding:0 10px;display:flex;justify-content:space-around;.info{margin:15vh 0;width:30vw;h2{text-align:center;margin-bottom:10vh}p{text-align:justify}}.card{margin:15vh 0;width:70vh;height:40vh;border-radius:50px;background-color:rgba(0,0,0,.9);border:2px solid gray;padding:16px 16px;.card-header{display:flex;flex-direction:row;align-items:center;.card-logo{img{width:20vh}}.card-title{margin-left:50px;text-align:center;h3{font-size:2rem;font-weight:700}}}.card-footer{margin:20px 20px;display:flex;flex-direction:column;align-items:center;h5{text-align:center;margin-bottom:20px}p{text-align:justify}}}}#projects{min-width:100vw;height:84dvh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;color:#fff;text-align:center;padding:2rem;h3{margin-bottom:2rem;font-size:2rem}.cont{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;.project-card{border:2px solid rgba(1,1,255,.9);border-radius:30px;background-color:#000;.project-image{border-radius:25px 25px 0 0;border-bottom:1.5px solid #fff;height:13rem;img{width:100%;height:100%;border-radius:25px 25px 0 0}}}}}*{font-family:Noto Sans,sans-serif}body,html{margin:0;padding:0;height:100%;overflow:hidden}#app{height:100vh}header{top:0;height:12dvh}footer,header{position:fixed;width:100%;z-index:10}footer{bottom:0;height:4dvh}main{margin-top:12dvh;height:84dvh;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}main::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box}@media (min-width:1024px){body{background-image:url(/img/fondo.a5164751.gif);background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-color:rgba(0,0,0,.9);background-blend-mode:hard-light}}@media (max-width:1023px){body{background-image:url(/img/fondo2.1ac94a77.gif);background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-color:rgba(0,0,0,.9);background-blend-mode:lighten}}