@import"https://fonts.googleapis.com/css2?family=Archivo:wght@100;700&display=swap";:root{background:#000;color:#fff;font-family:Archivo}body{max-width:100vw;overflow-x:hidden}.home-page{display:flex;flex-wrap:wrap;margin:70px auto 0;width:90vh;gap:70px;animation-name:fadeIn;animation-duration:1s}.tech-arsenal{width:100%}.buttons{border-radius:50%;height:1.5em;width:1.5em;transition:background-color .5s}.buttons:hover{background-color:#0af;cursor:pointer}.navigation{display:flex;gap:20px;justify-content:center}@media (max-width: 800px){.home-page{width:50vh}}.parent{display:flex;flex-direction:row;margin-bottom:70px;animation-name:fadeInFromTop;animation-duration:1s}.show.picture{animation-name:fadeInFromTop;animation-duration:1s}.picture{border-radius:100px;margin-bottom:10px}.child1{display:flex;flex-direction:column;align-items:center;margin-right:40px}.linkedIn,.github,.instagram{transition:transform .3s ease}.linkedIn:hover,.github:hover,.instagram:hover{transform:scale(1.25);cursor:pointer}.contact-handles{display:grid;grid-template-columns:repeat(3,auto);gap:16px}.show.linkedIn{animation-name:fadeInScale;animation-duration:1s}.show.github{animation-name:fadeInScale;animation-duration:1s;animation-delay:.4s;animation-fill-mode:backwards}.show.instagram{animation-name:fadeInScale;animation-duration:1s;animation-delay:.2s;animation-fill-mode:backwards}.location{color:#a2a2a2}.show.location{animation-name:fadeIn;animation-duration:1s}.show.name{animation-name:fadeInFromLeft;animation-duration:1s}.name{font-size:70px;font-weight:700}.show.occupation{animation-name:fadeInFromLeft;animation-duration:1s;animation-delay:.2s;animation-fill-mode:backwards}.occupation{color:#a2a2a2;font-size:20px;margin-bottom:20px}.child2{display:flex;flex-direction:column}.show.description{animation-name:fadeInFromLeft;animation-duration:1s;animation-delay:.4s;animation-fill-mode:backwards}.description{line-height:1.6}@media (max-width: 800px){.parent{flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.child1{margin-right:0;margin-bottom:40px}.child2{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;text-align:center}.name{font-size:40px}}@keyframes animated-line{0%{transform:translate(-30%);opacity:1}to{opacity:1}}.show.title-logo{animation-name:spin;animation-duration:1s;animation-fill-mode:forwards}.show.section-name{animation-name:fadeInFromBottom;animation-duration:1s;animation-fill-mode:forwards}.show.dotted-line{animation-name:animated-line;animation-duration:1s;animation-fill-mode:forwards}.title{display:flex;flex-direction:column;width:100%}.title-logo{border:1px solid rgba(0,170,255,1);background-color:#09174b;padding:20px;border-radius:30px;opacity:0}.section-name{justify-content:center;font-size:40px;font-weight:700;background:#fff;background:linear-gradient(90deg,#fff,#c3c8e6 35%,#0af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:0}.dotted-line{border:none;height:2px;background:linear-gradient(90deg,#19138400 0% 10%,#0af 50%,#09097900 90% 100%);margin:16px 0 50px;width:100%;background-size:100% 100%;opacity:0}.section{display:flex;flex-direction:row;gap:40px;align-items:center}.stack-border{display:grid;justify-content:center;gap:50px;grid-template-columns:repeat(5,auto);flex-wrap:wrap;width:100%;animation-name:fadeInFromBottom;animation-duration:1s}@media (max-width: 800px){.stack-border{grid-template-columns:repeat(2,auto)}}.application-logo{border-radius:20px;margin-bottom:20px}.stack{display:flex;grid-template-columns:repeat(5,1fr);flex-direction:column;align-items:center;border:.5px solid rgba(0,170,255,1);padding:10px;border-radius:20px;width:100px;height:100px;opacity:0;transition:background-color .5s}.stack:hover{background-color:#252525}.show.stack{animation-name:fadeInFromBottom,fadeInFromTop;animation-duration:1s;opacity:1;animation-fill-mode:backwards}.application{opacity:0}.application.show{opacity:1}.project-stack{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.projects{display:grid;padding:20px;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);width:100%;gap:50px;scroll-snap-type:x mandatory;scroll-behavior:smooth}.projects-navigation{display:flex;margin:0 auto;align-items:center;column-gap:1rem;bottom:1.25rem;z-index:1;transform:translate(-40%)}.navigation-buttons{height:50px;width:50px;font-size:30px;border-radius:50%;background:transparent;color:#fff}@media (max-width: 800px){.projects{grid-template-rows:repeat(3,1fr)}}.project-parent{display:flex;position:relative;flex-direction:column;border-radius:20px;overflow:hidden;transition:transform 2s ease;border:1px solid rgba(0,170,255,1);opacity:0}.show.project-parent,.show.project,.show.title-stack,.show.project-title,.show.stack-align,.show.project-description{animation-name:fadeInFromBottom;animation-duration:1s;animation-fill-mode:forwards}.project{display:flex;position:relative;flex-direction:column;border-radius:20px;overflow:hidden;padding:10px;opacity:0}.project-parent:hover{transform:scale(1.05);cursor:pointer}.project-image{width:100%;height:60%;margin-bottom:20px}.project-title{font-weight:700;margin-left:10px;font-size:25px;opacity:0}.project-description{line-height:1.5;margin-left:10px;font-size:15px;margin-bottom:20px;opacity:0}.title-stack{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;opacity:0}.stack-align{display:flex;gap:8px;align-items:center;margin-right:10px;opacity:0}.experience-stack{display:flex;flex-direction:column;align-items:center}@keyframes fadeInFromLeft{0%{opacity:0;transform:translate(10%)}to{opacity:1}}@keyframes fadeInFromTop{0%{opacity:0;transform:translateY(-20%)}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes fadeInFromBottom{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{opacity:0;scale:.5;transform:rotate(360deg)}to{opacity:1;scale:1}}.experience{display:flex;flex-direction:row;width:80%;border-left:2px solid rgb(162,162,162)}.title-align{display:flex;flex-direction:row}.circle{width:10px;height:10px;background-color:#0af;border-radius:50%;display:block;position:absolute;transform:translateY(10px) translate(-6px)}.experience-content{display:flex;flex-direction:column;margin-bottom:50px;opacity:0}.show.experience-content{animation-name:fadeInFromBottom;animation-duration:1s;animation-fill-mode:forwards}.scrolling-up.experience-content{opacity:1}.experience-company{font-weight:700;font-size:30px}.experience-title{font-size:20px;color:#0af}.experience-date{color:#a2a2a2}.experience-description{line-height:1.5}.experience-company,.experience-title,.experience-content,.experience-date,.experience-description{margin-left:20px}@media (max-width: 800px){.vertical-line-with-dot{width:2px;height:400px;background-color:#a2a2a2;position:relative;margin-right:20px}}.lets-connect{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.email{border:30px;font-size:20px;border-radius:30px;font-family:Archivo;color:#fff;background:transparent;border:1px solid rgba(0,170,255,1);padding:20px;transition:transform .5s ease,background-color .5s ease;margin-bottom:90px;opacity:0}.show.email{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}.email:hover{transform:scale(1.1);background-color:#09174b;cursor:pointer}.call-to-action{font-size:20px;letter-spacing:3px;margin-bottom:20px;text-align:center}.show.call-to-action{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}.lets-connect-name{justify-content:center;font-size:40px;font-weight:700;background:#fff;background:linear-gradient(90deg,#fff,#0af 35%,#c3c8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:0}.show.lets-connect-name{animation-name:fadeInFromBottom;animation-duration:2s;animation-fill-mode:forwards}