@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;1,500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.icons{font-size:30px;margin:16px;color:#fff}.ico{margin-right:16px}.header-container{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;padding:.5rem;background-color:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200}.logo{max-width:5rem}.nav-list{list-style-type:none;display:flex;gap:1rem}.nav-list li a{text-decoration:none;color:#1c1c1c}.abrir-menu,.cerrar-menu{display:none}.bar{width:25px;height:3px;background-color:#fff;transition:transform .3s,opacity .3s;margin-top:5px}.abrir-menu.visible .bar{display:none}.open .bar:nth-child(1){opacity:0}.open .bar:nth-child(2){opacity:0}.open .bar:nth-child(3){opacity:0}@media screen and (max-width: 850px){.abrir-menu,.cerrar-menu{display:block;border:0;font-size:3rem;background-color:transparent;cursor:pointer;padding-left:35px;text-align:center}.abrir-menu{color:#1c1c1c}.cerrar-menu{color:#ececec}.abrir-menu.hidden,.nav{display:none}.nav{opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;gap:1rem;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#01bdf7;padding:3.5rem;box-shadow:0 0 0 100vmax #00000080;transition:opacity .3s,visibility 1s;height:100vh}.nav.visible{opacity:1;visibility:visible}.nav-list{flex-direction:column;align-items:center}.nav-list li{font-size:1.5rem;padding:1rem}.nav-list li a,.nav-list li{color:#ecececec}}html,body{scroll-behavior:smooth;scroll-behavior:1s}.desktop-navbar{position:fixed;top:0;width:100%;background-color:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:2.5rem .5rem;z-index:1000}.cerrar-menu{position:absolute;top:.5rem;right:2rem;color:#fff;text-decoration:none;padding:10px}.nav-list{margin-top:100px;list-style-type:none;display:flex;gap:1rem}.navbar-as{list-style:none;margin:0 25px;padding:0;display:flex}.navbar-a{margin-left:40px;text-decoration:none;color:#fff;position:relative}.navbar-link:hover+.submenu-box,.submenu-box:hover{display:block;color:#0170b9}.navbar-link:hover{border-bottom:2px solid rgb(0,149,207);text-decoration:none;padding-bottom:15px;color:#0095cf}.form-container{max-width:40%;margin:0 auto 100px}#contact{padding-top:110px}.contacttittle{position:relative;font-size:2em;text-align:center;color:#fff}.form-label{display:block;margin-bottom:8px;color:#fff;border:none}.form-input{width:100%;padding:8px;margin-bottom:16px;border:none;border-radius:4px;background-color:#a0a0a025}.form-input-email{width:100%;height:80px;padding:8px;margin-bottom:16px;border:none;border-radius:4px;background-color:#a0a0a025}.form-button{background-color:#0095cf;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.form-button:hover{background-color:#00b7ff}.portada{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(https://blog.openclassrooms.com/es/wp-content/uploads/sites/5/2017/09/AdobeStock_126016889apaisado.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:250px}.contenido{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.texto{color:#fff}.texto h1{font-size:2em}.botones{margin-top:20px;margin-bottom:50px}.botones button{background-color:#0095cf;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin:10px;transition:background-color .3s,transform .3s,box-shadow .3s}.botones button:hover{background-color:#00b3ff;transform:scale(1.1);box-shadow:0 0 10px #0000004d}.imagen{width:10%}.imagen img{width:100%;border-radius:8px}@media only screen and (max-width: 768px){.contenido{flex-direction:column-reverse;align-items:center}.texto{width:90%}.portada{background-color:#111827;padding:250px 100px 100px}}:root{--color-1: rgb(255, 255, 255);--color-2: white;--color-3: #008eec}body{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;font-weight:300;line-height:1.5;letter-spacing:.05em}#work{padding-top:110px}*{box-sizing:border-box}.text1{color:#fff}.text{color:#9e9e9e}.timeline{margin:1em auto;position:relative;max-width:46em}.timeline:before{background-color:#fff;content:"";margin-left:-1px;position:absolute;top:0;left:2em;width:2px;height:100%}.timeline-event{position:relative}.timeline-event:hover .timeline-event-icon{transform:rotate(-45deg);background-color:#00a0df}.timeline-event:hover .timeline-event-thumbnail{box-shadow:inset 40em 0 0 0 var(--color-3)}.timeline-event-copy{padding:.5em;position:relative;top:-1.875em;left:4em;width:80%}.timeline-event-copy h3{font-size:1.75em}.timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em}.timeline-event-copy strong{font-weight:700}.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:1.2em}.timeline-event-icon{transition:transform .2s ease-in;transform:rotate(45deg);background-color:#008eec;outline:10px solid var(--color-2);display:block;margin:.5em .5em .5em -.5em;position:absolute;top:0;left:2em;width:1em;height:1em}.timeline-event-thumbnail{transition:box-shadow .5s ease-in .1s;color:var(--color-2);font-size:.75em;background-color:var(--color-1);box-shadow:inset 0 0 #02afff;display:inline-block;margin-bottom:1.2em;padding:.25em 1em .2em;font-weight:400;color:#000}@media screen and (max-width: 400px){.timeline-event-copy h3{font-size:1em}.timeline-event-copy h4{font-size:.85em;margin-bottom:1.2em}.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:1.2em}.timeline-event-copy{padding-right:1.5em}}#skill{padding-top:110px}.skill-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:30vh}.skilltitle{font-size:2em;text-align:center;color:#fff}.row{display:flex;flex-wrap:nowrap;justify-content:center}img{width:50px;margin:25px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}img:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(233,227,227,.2))}@media screen and (max-width: 600px){img{width:40px;margin:15px}}@media screen and (max-width: 400px){img{width:30px;margin:5px}.skill-container{margin-bottom:0;height:20vh}.row{display:flex;justify-content:center}}.footer{display:flex;justify-content:space-between}.footertext{color:#fff;margin:25px;font-size:12px}.Projectstittle{color:#fff;text-align:center}.Cards{display:flex;margin:0 25px;justify-content:center;align-items:center;flex-wrap:wrap}#projects{padding-top:110px}.card{width:calc(25% - 20px);max-width:250px;height:200px;background:#000;position:relative;overflow:hidden;margin:10px 25px}.card .image{width:100%;height:100%;overflow:hidden}.card .image img{width:100%;transition:.5s}.card:hover .image img{opacity:.5;transform:translate(30%)}.card .details{position:absolute;top:0;left:0;width:70%;height:100%;background:rgb(0,149,207);transition:.5s;transform-origin:left;transform:perspective(2000px) rotateY(-90deg)}.card:hover .details{transform:perspective(2000px) rotateY(0)}.card .details .center{padding:45px;text-align:center;background:#fff;position:absolute;top:50%;transform:translateY(-50%)}.card .details .center h1{margin:0;padding:0;color:#000;line-height:10px;font-size:14px;text-transform:uppercase}.card .details .center h1 span{font-size:8px;color:#262626}.card .details .center p{margin:10px 0;padding:0;color:#262626}.card .details .center ul{margin:10px auto 0;padding:0;display:table}.card .details .center ul li{list-style:none;margin:0 5px;float:left}.card .details .center ul li a{display:block;background:#262626;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;transform:.5s}.card .details .center ul li a:hover{background:#000000}.cardtext{font-size:8px}@media (max-width: 950px){.card{width:calc(50% - 20px)}}*{font-family:Poppins,sans-serif}body{margin:0;background-color:#111827}