@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap");*{box-sizing:border-box;margin:0;padding:0;font-family:Pixelify Sans,sans-serif;font-size:25px;color:#efc0b9}body{background-color:#150408;background-image:url(https://raw.githubusercontent.com/KevinParraDev/Portafolio/main/public/img/sky.png);background-repeat:repeat;background-position:50% 0;background-size:40%}@media screen and (max-width:600px){body{background-size:100%}}.navbar{background-color:transparent;display:flex;justify-content:space-between;align-items:center;height:85px;padding:5px 10%;color:#f0f8ff;position:fixed;width:100%;top:0;z-index:9999;transition:.32s ease-in-out}@media screen and (max-width:600px){body{width:100%}}.navbar.scrolled{background-color:#11000298}.icono-navbar{cursor:pointer}.nav-links li{display:inline-block;padding:0 20px}.nav-links a{text-decoration:none;transition:.32s ease-in-out}.nav-links a:hover{filter:brightness(120%)}.nav-buttons{display:inline-flex}.nav-icon{padding:0 10px}.nav-image{height:50px;width:50px;border:3px solid #efc0b9;border-radius:5px;transition:all .2s}.nav-image:hover{filter:brightness(120%)}.right-buttons{display:inline-flex}.contactame{border:3px solid #efc0b9;border-radius:5px;padding:8px;transition:all .2s;margin-inline:10px}.project-buttons{display:inline-flex;margin-top:30px;margin-bottom:30px}.play-button{border:3px solid #efc0b9;border-radius:5px;padding:8px;padding-inline:40px;transition:all .2s;margin-inline:50px}.play-button a{text-decoration:none}.contactame:hover{filter:brightness(120%)}.contactame a,.overlay-content a{text-decoration:none}.overlay-content a{padding:15px;font-size:36px;display:block;transition:all .3s;font-weight:700}.overlay-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.overlay-close{width:0}.overlay,.overlay-close{height:100%;position:fixed;z-index:1;left:0;top:0;background-color:#150408;overflow:hidden;transition:all .3s}.overlay{width:100%}.overlay .close{position:absolute;top:20px;right:45px;font-size:65px}.menu{display:none}.overlay-nav-buttons{display:inline-block}@media screen and (max-width:600px){.overlay-content a{font-size:20px}.overlay .close{font-size:25px;top:30px;right:40px}}@media screen and (max-width:800px){.btn,.contactame,.nav-buttons,.nav-links{display:none}.menu{display:block;border:3.5px solid #efc0b9;border-radius:10px;padding:8px}}.banner{padding-top:200px;padding-bottom:120px;text-align:center}.banner h1{font-size:65px}.welcome h2{text-align:center;font-size:30px}@media screen and (max-width:800px){.banner{padding-top:150px;padding-bottom:70px}.banner h1{font-size:40px}.welcome h2{font-size:20px}}.skills{-webkit-user-select:none;-moz-user-select:none;user-select:none}.skills,.skills-movil{width:100%;height:auto}.skills-movil{display:none}@media screen and (max-width:800px){.skills{display:none}.skills-movil{display:block}}.subtitulo{font-size:40px;text-align:center;padding:30px 0}.videos-proyectos{width:100%;height:auto;padding:0 80px;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;align-items:center;justify-content:center}.subtitulo-videos{text-align:center;font-size:30px;padding-bottom:10px}.contenedor-reel{padding-bottom:20px}.reel{width:100%;height:100%;aspect-ratio:16/9;padding:10px}.proyectos{width:100%;height:auto;padding:0 80px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px;align-items:center;justify-content:center}.proyectos-cards{justify-content:center;background-color:#2a0d14;border-radius:30px;margin:10px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .4s ease}.project-target-year{color:#f09a97;font-size:20px;padding:0 0 10px}.proyectos-cards:hover{margin:0}.video{width:100%;height:auto;aspect-ratio:16/9}.image-project,.image-project-active{width:100%;height:auto;border-radius:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-project-active{opacity:0}@media screen and (max-width:1000px){.proyectos{grid-template-columns:1fr 1fr;gap:30px}.proyectos-cards{width:100%;height:auto}}@media screen and (max-width:800px){.videos-proyectos{width:100%;height:auto;padding:0 20px;display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;align-items:center;justify-content:center}.subtitulo-videos{text-align:center;font-size:25px;padding-bottom:5px}.proyectos{padding:0 30px;grid-template-columns:1fr;gap:10px}.proyectos-cards{width:100%;height:auto}}.game{align-items:center;text-align:center;padding:30px 40px}.game h1{font-size:50px;margin-top:60px;margin-bottom:0}.game-box{margin:50px;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.game-box img{width:100%;height:auto}.game-box h2{font-size:30px;margin-bottom:20px;margin-top:10px}.game-box p{text-align:justify;margin-bottom:40px}.carrusel-lista{margin:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px}.screenshot,.screenshot-active{width:100%;height:auto;border-radius:10px;transition:all .2s}.screenshot-active{filter:brightness(40%)}.enlace{text-align:left}@media screen and (max-width:800px){.game h1{font-size:30px}.game h2{font-size:20px}.game h3{font-size:15px}.game-box{grid-template-columns:1fr;gap:30px;margin:0}.game-box p{font-size:20px}.game{align-items:center;text-align:center;padding:20px}}.formulario-contacto{align-items:center;text-align:center;padding:20px 100px}.formulario-contacto input,textarea{width:100%;margin:20px 0;padding:10px;border-radius:20px;border:none;background-color:#f0d8d4;color:#2a0d14}.formulario-contacto button{padding:10px;border-radius:20px;color:#150408;border:none;background-color:#efc0b9}@media screen and (max-width:800px){.formulario-contacto{padding:20px 30px}}.galery{width:100%;align-items:center;text-align:center}.image-box-galery-s{width:300px;height:auto}.image-box-galery-m{width:400px;height:auto}.image-box-galery-b{width:800px;height:auto}.image-box-galery-toro{width:100%;height:auto;padding:20px}.bull-container{width:100%}.image-galery-env{height:40vh;width:auto;padding:1vh;border-radius:40px}@media screen and (max-width:800px){.image-box-galery-m,.image-box-galery-s{width:100px;height:auto}.image-box-galery-b{width:200px;height:auto}.image-box-galery-toro{width:100%;height:auto;padding:0}.image-galery-env{width:100%;height:auto;padding:3px;border-radius:20px}#fotter{height:100px;background-color:#0b0305d8;text-align:center;justify-content:center}#fotter h3{padding:8vh;font-size:15px}}#about{text-align:justify;padding-inline:10vh;margin-bottom:50px}.about-container{width:100%;height:auto;padding:0 80px;display:grid;grid-template-columns:1fr 3fr;grid-gap:30px;gap:30px;align-items:center;justify-content:center}.about-container p{padding-inline:30px}.profile-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s}.profile-card:hover{transform:rotateY(180deg)}.image-profile-container{perspective:1000px;width:300px;height:300px;position:relative;cursor:pointer}.face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px}.profile-image{transform:rotateY(0deg)}.profile-image,.profile-image-back{width:300px;height:auto;border-radius:50%;object-fit:cover}.profile-image-back{transform:rotateY(180deg)}@media screen and (max-width:800px){#about{text-align:justify;padding-inline:1vh;margin-bottom:50px}.about-container{width:100%;height:auto;padding:0 80px;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;justify-content:center}.image-profile-container{perspective:1000px;width:300px;height:300px;position:relative;cursor:pointer}.about-container{display:block;padding:5px;align-items:center}.about-container p{padding-inline:10px;font-size:20px}}#fotter{height:20vh;background-color:#0b0305d8;text-align:center;justify-content:center}#fotter h3{padding:8vh}