@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700&display=swap";.navbar{position:fixed;top:0;left:0;display:flex;align-items:center;width:100%;padding:4px 12px;background-color:var(--primary-color);z-index:1;box-sizing:border-box}.navbar img{width:60px}.navbar ul{flex-grow:1;display:flex;justify-content:flex-end;gap:12px;list-style:none;padding:0}.navbar ul li a{color:var(--secondary-color);text-transform:uppercase;font-weight:300;text-decoration:none;display:flex;align-items:center;gap:4px;transition-duration:.5s}.navbar ul li a:hover{color:var(--light);transition-duration:.5s}.navbar ul li a span{display:none}@media (width > 800px){.navbar{padding:4px 20px}.navbar ul{gap:20px}.navbar ul li a span{display:inline}}.contact{position:relative;min-height:100vh;padding:60px 12px;display:flex;justify-content:center;align-items:center;background-image:url(/assets/background-contact.jpg);background-color:#211c20;background-position-x:70%;background-position-y:-30%;background-repeat:no-repeat;background-size:auto 80%;overflow:hidden}.contact__form{width:75%;max-width:400px;z-index:1}.contact__form input,.contact__form textarea{width:100%;padding:8px 16px;box-sizing:border-box;margin-bottom:8px;background-color:transparent;color:#fff;outline:none;border:2px solid white}.contact__form input:focus,.contact__form textarea:focus{background-color:#fff;color:#000}.contact__form input:disabled,.contact__form textarea:disabled{background-color:#546e7a;color:#78909c;cursor:not-allowed}.contact__form button{width:100%;margin:8px 0;padding:8px 16px;cursor:pointer;background-color:var(--success);border:2px solid var(--success);border-radius:20px;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:#fff}.contact__form button:hover{background-color:#fff;color:var(--success)}.contact__form button:disabled{background-color:#66bb6a;color:#c8e6c9;cursor:not-allowed}.warning{margin:8px 0;border:1px solid #FBC02D;display:flow-root;border-radius:8px}.warning p{margin:8px 16px}.form-error{margin:8px 0;border:2px solid #C62828;background-color:#ffcdd2;color:#c62828;display:flow-root;border-radius:8px}.form-error p{margin:8px 16px;text-align:center}.form-success{margin:8px 0;border:2px solid #2E7D32;background-color:#c8e6c9;color:#2e7d32;display:flow-root;border-radius:8px}.form-success p{margin:8px 16px;text-align:center}.developer-shadow{height:40%;position:absolute;right:-40px;bottom:-100px}@media (width > 450px){.contact{justify-content:flex-start;background-size:cover;background-position-x:60%}.developer-shadow{right:5vw;bottom:0}}@media (width > 800px){.contact{padding-left:5vw;background-position-x:40%}}.jobs{min-height:100vh;padding:60px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:var(--primary-color-old)}.jobs__title{color:var(--secondary-color);font-weight:700;text-transform:uppercase}.job-card{height:80vh;width:90vw;max-width:500px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr)}.job-card__img{grid-column:2 / 6;grid-row:1 / 5;background-color:var(--primary-color-old);border:4px solid white;background-size:cover;background-position:center}.job-card__img--conexa{background-color:#1e212d;display:grid;place-items:center}.job-card__img--dh{background-color:#000;display:flex;justify-content:center;align-items:center}.dh-log__D{font-size:70px}.dh-log__H{height:50px;width:50px;background-color:#fff}.job-card__img--maker{background-image:url(/assets/maker.png)}.job-card__description-bg{grid-column:1 / 7;grid-row:4 / 13;background-color:var(--primary-color);border:1px solid white}.job-card__description-info{grid-column:1 / 7;grid-row:5 / 12;padding:4px 12px 20px;overflow-y:scroll;scrollbar-width:none}.job-card__description-info::-webkit-scrollbar{display:none}.job-card__title{color:var(--secondary-color);font-weight:700}@media (width > 800px){.jobs{padding:60px 24px;gap:40px}.jobs__title{font-size:36px}.job-card{max-height:450px;max-width:900px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr)}.job-card__img{grid-column:1 / 5;grid-row:2 / 6}.job-card__description-bg{grid-column:4 / 13;grid-row:1 / 7}.job-card__description-info{grid-column:5 / 12;grid-row:1 / 7;padding:12px 0 20px 24px;overflow-y:scroll;scrollbar-width:none}}.presentation{height:100vh;background-color:var(--primary-color);display:grid;grid-template-columns:100%;grid-template-rows:15% 35% 35% 15%;grid-template-areas:"empty" "details" "profile" "footer";overflow:hidden}.presentation__details{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-area:details}.presentation__role{font-size:24px;font-weight:300;margin:0;text-transform:uppercase;letter-spacing:1px}.presentation__name{font-size:28px;font-weight:700;margin-top:4px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:2px}.presentation__description{margin:0;width:70%;text-align:center;font-weight:300;padding:8px 0;border-top:1px solid white;border-bottom:1px solid white}.presentation__profile{height:25vh;width:100%;grid-area:profile;display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.presentation__animated-background{height:80%;grid-column:1 / 2;grid-row:1 / 2;background-color:var(--quaternary-color);display:flex;justify-content:flex-end;align-items:center;opacity:0;animation-name:opacity-ease-in;animation-duration:.5s;animation-delay:2.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.presentation__nickname{grid-column:1 / 2;grid-row:1 / 2;transform:rotate(-90deg);font-size:24px;font-weight:700;letter-spacing:1px;color:var(--success);opacity:0;animation-name:opacity-ease-in;animation-duration:.5s;animation-delay:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;z-index:1}@keyframes opacity-ease-in{0%{opacity:0}to{opacity:1}}.presentation__photo{grid-column:2 / 6;grid-row:1 / 2;height:100%;transform:translateY(900px);animation:side-content-img 2s ease-in-out forwards;border-radius:12px;background-image:url(/assets/foto-perfil.jpg);background-position:center;background-size:cover}@keyframes side-content-img{0%{transform:translateY(900px)}70%{transform:translateY(-100px)}to{transform:translateY(0)}}.presentation__footer{width:90vw;max-width:700px;display:flex;justify-content:space-evenly;background-color:var(--quaternary-color);border-radius:0 40px 0 0;transform:translateY(300px);animation-name:footer;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;grid-area:footer}@keyframes footer{0%{transform:translateY(300px)}to{transform:translateY(0)}}.presentation__footer-item{width:25%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.presentation__footer-img{width:40px;transform:translateY(0) scale(1);transition:transform .5s ease-in-out}.presentation__footer-item:hover .presentation__footer-img{transform:translateY(-20px) scale(1.1);transition:transform .3s ease-in-out}.presentation__footer-animated-item{position:absolute;bottom:0;height:25%;width:25%;background:var(--primary-color);border-radius:20px 20px 0 0;transition-duration:.5s}.presentation__footer-item:hover .presentation__footer-animated-item{background:#fff;transition-duration:.5s}@media (width > 800px){.presentation{grid-template-columns:55% 45%;grid-template-rows:20% 65% 15%;grid-template-areas:"-----        profile" "details        profile" "footer         profile"}.presentation__name{font-size:36px}.presentation__profile{min-height:100vh;grid-template-rows:repeat(12,1fr)}.presentation__animated-background{height:100%;grid-row:1 / 13;grid-column:4 / 7;animation:none;opacity:1}.presentation__nickname{grid-row:1 / 13}.presentation__photo{grid-row:4 / 10}.presentation__footer{width:100%}}@media (width > 1200px){.presentation__role{font-size:28px}.presentation__name{font-size:44px;margin-top:8px}.presentation__description{font-size:20px}.presentation__nickname{font-size:36px}}.projects{min-height:100vh;padding:60px 12px;background-color:var(--primary-color)}.projects__title{color:var(--secondary-color);font-weight:700;text-transform:uppercase;text-align:center}.grid-cards-project{width:100%;display:grid;grid-template-columns:repeat(1,1fr);justify-items:center;gap:20px}.card-project{width:90%;max-width:400px;background-color:var(--primary-color-old);box-sizing:border-box;border:1px solid white;padding:16px;overflow:hidden}.img-project{height:40%;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.img-project__header{padding:2px;display:flex;gap:2px}.img-project__header div:first-child{height:10px;width:10px;border-radius:50%;background-color:#ff5d5b}.img-project__header div:nth-child(2){height:10px;width:10px;border-radius:50%;background-color:#ffaa29}.img-project__header div:last-child{height:10px;width:10px;border-radius:50%;background-color:#27cc34}.img-project__content{height:150px;background-color:gray;flex-grow:1;background-size:cover;background-position:center}.img-project__content--pcp{background-image:url(/assets/project-pcp.jpeg)}.img-project__content--pokemon-chat{background-image:url(/assets/pokemon-chat.png)}.img-project__content--descubri-mdp{background-image:url(/assets/descubri-mdp.jpg)}.img-project__content--gestion-atlantis{background-image:url(/assets/gestion-atlantis.jpeg)}.img-project__content--hackaton-mdp-data-fest{background-image:url(/assets/hackaton-mdp-data-fest.webp)}.img-project__content--hackaton-apptacc{background-image:url(/assets/apptacc.jpg);background-size:100px;background-repeat:no-repeat;background-color:#d17101}.nav-project{color:var(--secondary-color)}.nav-project h3{margin:4px 0 0}.nav-project p{margin:0}.nav-project__right-items{display:flex;justify-content:flex-end;gap:8px}.nav-project__right-items a{color:var(--seconday-color);transition-duration:.5s}.nav-project__right-items a:hover{color:#fff;transition-duration:.5s}.prject__description{height:180px;overflow-y:scroll;box-sizing:border-box;scrollbar-width:none}.prject__description::-webkit-scrollbar{display:none}@media (width > 800px){.projects{padding-bottom:100px}.projects__title{font-size:36px;padding-bottom:32px}.grid-cards-project{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width > 1200px){.grid-cards-project{grid-template-columns:repeat(3,1fr)}}:root{--primary-color-old: #0f172a;--secondary-color-old: #22b3d9;--primary-color: #201932;--secondary-color: #ea37a3;--secondary-color-footer: #F075C0;--tertiary-color: #2bbef2;--quaternary-color: #5540b0;--success: #539e43}html{overflow:scroll;scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}body{margin:0;font-family:Lato,sans-serif;background-color:#232327;color:#fff}.errorText{color:red!important}.errorInput{border:2px solid red!important}