*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;padding:0;margin:0;scroll-behavior:smooth}:root{--background-body: #191d2b;--blue-gradient: linear-gradient(45deg, #1100ff, #00ffc8);--blue: #00f7ff;--orange-gradient: linear-gradient(45deg, #ff0000, #ffd900);--orange: #ffa600;--text: #ffffff}body{width:100%;font-family:sans-serif;font-size:1.6rem;padding:0;margin:0}.header{position:relative;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.header__img-section{min-width:40%;height:100%;display:flex;justify-content:center;align-items:center}.img-container{width:400px;height:400px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:.25s}.img-container:hover{z-index:2;transform:scale(1.05)}.img-container img{width:100%;height:100%;object-fit:cover}.header__diagonal{position:absolute;margin:0;top:0;left:32.5%;height:100%;width:50%;background-color:var(--background-body);transform:skew(15deg)}.header__contact-and-cv{height:100%;width:100%;padding-top:1rem;z-index:2;display:flex;flex-direction:column;gap:2rem;justify-content:space-evenly;align-items:center}.description h1,h2{text-align:center;margin:1rem;font-size:5rem}.header__btns-container{width:100%;height:1000px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-evenly;align-items:center}.btn-header{width:300px;height:40px;padding:1rem;border-radius:30px;font-size:2.5rem;cursor:pointer;border:none;text-decoration:none;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:1rem;animation:pulse 2s infinite;transition:.25s;color:var(--text)}.phone-btn{box-shadow:1px 1px 2px 1px #66d367}.phone-btn:hover{background:linear-gradient(45deg,#00ff04,#b5ffb7);color:#fff}.linkedin-btn{box-shadow:1px 1px 2px 1px #3466c2}.linkedin-btn:hover{background:linear-gradient(45deg,#095df8,#86a7e6);color:#fff}.github-btn{box-shadow:1px 1px 2px 1px #010409}.github-btn:hover{background:linear-gradient(45deg,#000000,#313131);color:#fff}.email-btn{box-shadow:1px 1px 2px 1px #e0402a}.email-btn:hover{background:linear-gradient(45deg,#de1f06,#ca6558);color:#fff}.cv-btn:hover{background:var(--orange-gradient);color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 900px){.header{height:auto;flex-direction:column}.header__img-section{min-width:unset;height:auto;width:100%;margin-bottom:2rem}.img-container{margin-top:1rem;width:200px;height:200px}.header__diagonal{margin:0;padding:0;left:0;width:0;height:0}.header__contact-and-cv{padding-top:0}.description{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.description h1,.description h2{font-size:3.5rem;line-height:1.5}.header__btns-container{height:150px;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;gap:2rem}.btn-header{width:150px;height:30px;font-size:1.6rem;padding:0;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}}.nav-container{width:7rem;height:95vh;position:fixed;top:0;left:0;z-index:3;display:flex;flex-direction:column;gap:2rem;justify-content:space-evenly;align-items:center}.btn{max-width:60px;max-height:60px;min-width:60px;min-height:60px;display:flex;justify-content:center;align-items:center;font-size:4.5rem;padding:1rem;border-radius:50%;border:none;cursor:pointer;transition:.25s;background-color:var(--text);color:var(--background-body)}.btn:hover{transform:scale(1.1);background-color:transparent;color:var(--text);border:solid 1px var(--text)}.mode{line-height:0}.btn img{max-width:100%;max-height:100%}a{color:unset;text-decoration:none}@media (max-width: 900px){.nav-container{width:80vw;height:4rem;top:calc(100% - 5rem);left:50%;transform:translate(-50%);flex-direction:initial;gap:.5rem;border-radius:30px;background-color:#ffa6006b;transition:.25s}.nav-container:hover{background:var(--orange-gradient)}.btn{max-width:30px;max-height:30px;min-width:30px;min-height:30px;padding:0;font-size:3rem;background-color:transparent;color:#191d2bcc}.btn:hover{border:none}}.about-me{margin-top:5rem;width:100%;display:flex;justify-content:center;align-items:stretch}.experience{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.experience__item{width:50%;height:15%;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:1px 1px 10px 1px var(--orange);transition:.5s}.experience__item:hover{background:var(--orange-gradient);animation:pulse 1s}.experience__item:hover .experience__h4{color:#fff;border-bottom:solid 2px rgba(255,255,255,.525)}.experience__item:hover .experience__p{color:#fff}.experience__item div{width:50%;height:75%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.experience__h4{padding:0;margin:0;font-size:5rem;color:var(--orange);border-bottom:solid 2px rgba(128,128,128,.525)}.experience__p{color:var(--text);margin:1rem;font-size:1.8rem}.my-info{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.info__h3{font-size:6rem;line-height:.5;color:var(--text)}.info__h3 span{color:var(--orange)}.info__p{width:80%;font-size:2.5rem;line-height:1.5;text-align:justify}.info__p span{color:var(--orange)}@media (max-width: 900px){.about-me{height:auto;flex-direction:column-reverse;gap:2.5rem}.my-info{width:100%;height:auto}.info__h3{font-size:4rem;margin:3rem 0 1.5rem}.info__p{width:80%;font-size:1.6rem;line-height:1.5;text-align:center}.experience{width:100%;height:auto;gap:5rem}.experience__item{width:20rem;height:10rem;animation:pulse 6s infinite}.experience__item:hover{background:var(--orange-gradient);animation:pulse 3s infinite}.experience__item div{width:80%}.experience__h4{font-size:3rem}.experience__p{font-size:1.6rem}}.skills{margin:5rem 0 12rem 7rem;width:calc(100%-7rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10rem}.hard-skills{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.hard-skills h3{margin:0 0 3rem;font-size:5rem;color:var(--text)}.hard-skills h3 span{color:var(--orange)}.hard-skills__list{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;align-items:center}.hard-skills__list li{width:15rem;height:15rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center}.hard-skills__list li p{margin:0}.hard-skills__img-container{width:130px;height:130px;padding:20px;display:flex;justify-content:center;align-items:center;animation:rotateY 6s infinite;transform-style:preserve-3d;transform-origin:center;transition:.5s;border-radius:50%}.hard-skills__img-container:hover{box-shadow:1px 1px 10px 1px var(--text);scale:1.05}.hard-skills__img-container img{max-width:100%;max-height:100%}.ScrumImg{border-radius:20px}.soft-skills{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.soft-skills h3{margin:0 0 3rem;font-size:5rem;color:var(--text)}.soft-skills h3 span{color:var(--orange)}.soft-skills__list{width:70%;margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10rem;justify-content:center;align-items:center}.soft-skills__list li{width:15rem;height:15rem;border-radius:50%;padding:2rem;display:flex;justify-content:center;align-items:center;font-size:2rem;text-align:center;box-shadow:1px 1px 10px 1px var(--orange);animation:pulse 5s infinite;transition:.25s}.soft-skills__list li:hover{background:var(--orange-gradient);box-shadow:1px 1px 10px 1px var(--text);color:#fff;transform:scale(1.1);animation:pulse 2.5s infinite}@keyframes rotateZ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media (max-width: 900px){.skills{margin-top:10rem;margin-left:0;width:100%;gap:5rem}.hard-skills{width:100%;height:auto}.hard-skills h3{font-size:4rem;text-align:center}.hard-skills__list{gap:2rem}.soft-skills{width:100%;height:auto}.soft-skills h3{font-size:4rem;text-align:center}.soft-skills__list{width:90%;gap:5rem}.soft-skills__list li{width:12rem;height:12rem;padding:2rem;font-size:1.6rem}}.projects{margin-top:5rem;margin-left:7rem;width:calc(100%-7rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.projects h3{margin:0;padding:0;font-size:6rem;color:var(--text)}.projects h3 span{color:var(--orange)}.projects-list{margin:0;padding:0;width:100%;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,350px));justify-content:center;align-items:center;gap:5rem}.project{height:56rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:10px;box-shadow:1px 1px 10px 1px var(--orange);transition:.25s}.project:hover{transform:scale(1.05)}.project__img-container{width:100%;height:16rem;display:flex;justify-content:center;align-items:flex-start;border-bottom:solid 3px var(--orange)}.project__img-container img{width:100%;height:100%;border-radius:10px 10px 0 0}.project__info-container{position:relative;margin:.5rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:1rem}.title-container{width:100%;height:6rem;display:flex;justify-content:center;align-items:center;gap:1rem}.project__info-container h4{margin:0;font-size:2rem;color:var(--text);font-weight:700;text-align:center}.project__info-container p{width:80%;margin:0;text-align:justify;line-height:1.25;font-size:1.8rem}.project__stack-list{padding:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.project__stack-item{padding:.5rem;display:flex;align-items:center;border-radius:10px;box-shadow:1px 1px 10px 1px var(--orange);transition:.25s}.project__btns-container{margin-top:auto;width:100%;display:flex;justify-content:center;align-items:center;gap:2rem}.project__btns-container button{width:5rem;height:5rem;font-size:4rem;display:flex;justify-content:center;align-items:center;border-radius:50%;border:none;cursor:pointer;background-color:var(--text);color:var(--background-body);transition:.25s}.project__btns-container button:hover{background-color:transparent;color:var(--text);border:solid 1px var(--text);transform:scale(1.1)}@media (max-width: 900px){.projects{margin-left:0;width:100%;gap:5rem}.projects h3{font-size:4rem;text-align:center}.projects-list{width:90%;grid-template-columns:repeat(auto-fit,minmax(300px,300px));gap:5rem}.project__img-container{height:13.7rem}.project__info-container h4{font-size:1.75rem}.project__info-container p{width:90%;line-height:1.5;font-size:1.6rem}}@media (max-width: 450px){.project{height:auto}}.contact-me{margin-top:5rem;margin-left:7rem;margin-bottom:5rem;width:calc(100%-7rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.contact-me h3{margin:0;font-size:6rem;color:var(--orange)}.contact__items-container{width:100%;display:flex;justify-content:space-evenly;align-items:center}.contact__item{width:30rem;height:30rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.icon-container{width:15rem;height:15rem;font-size:8rem;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:1px 1px 10px 1px var(--orange);transition:.25s}.icon-container:hover{background:var(--orange-gradient);color:#fff;transform:scale(1.1);box-shadow:1px 1px 10px 1px var(--text)}.contact__info-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__item h5{font-size:2rem}.contact__item p{max-width:100%;word-wrap:break-word}@media (max-width: 900px){.contact-me{margin-left:0;width:100%;gap:2.5rem}.contact-me h3{font-size:4rem;text-align:center}.contact__items-container{flex-wrap:wrap;gap:2rem}.contact__item{width:15rem;height:20rem;display:flex;justify-content:flex-start;gap:2rem}.icon-container{width:10rem;height:10rem;font-size:6rem}.contact__info-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.contact__item h5,.contact__item p{margin:0}.icon-container:hover{transform:none}}.dark-mode{--background-body: #191d2b;--text: #ffffff;color:var(--text);background-color:var(--background-body);padding:0;margin:0;width:100%}.day-mode{--text: #191d2b;--background-body: #ffffff;color:var(--text);background-color:var(--background-body);padding:0;margin:0;width:100%}footer{width:100%;height:25vh;background-color:#000;display:flex;justify-content:center;align-items:center}footer p{margin:0;font-size:1.8rem;color:#fff}