@keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.fadeUp{animation:fadeUp 2s ease-in-out forwards}@keyframes fadeLeft{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}.fadeLeft{animation:fadeLeft 2s ease-in-out forwards}@keyframes fadeRight{0%{opacity:0;transform:translateX(80px)}to{opacity:1;transform:translateX(0)}}.fadeRight{animation:fadeRight 2s ease-in-out forwards}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.zoomIn{animation:zoomIn 2s ease-in-out forwards}@media (prefers-reduced-motion:reduce){.fadeLeft,.fadeRight,.fadeUp,.zoomIn{transition:none;animation:none}}.skill-container{display:flex;width:7rem;height:7rem;align-items:center;justify-content:center;flex-direction:column;border:.2px solid rgba(0,0,0,.1);border-radius:5%;padding:1.8rem;opacity:80%}.skill-container:hover{transform:scale(1.1);box-shadow:0 0 5px rgba(0,0,0,.5)}.hidden{pointer-events:none;opacity:0;filter:blur(5px);transform:translateY(100%);transition:all 1.5s}.show{opacity:1;filter:blur(0);transform:translateY(0);pointer-events:auto;cursor:pointer}.logo{display:block;justify-content:center;align-items:center;width:100%;height:100%}.logo,.logoName{text-align:center}.logoName{margin-top:.5rem;font-family:Satoshi-Light;font-size:1rem}#skills-list{padding:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:4rem}@media screen and (max-width:767px){.skill-container{display:flex;width:5rem;height:5rem;align-items:center;justify-content:center;flex-direction:column;border:.2px solid rgba(0,0,0,.1);border-radius:5%;padding:1rem;opacity:80%}.skill-container:hover{transform:scale(1.1);box-shadow:0 0 5px rgba(0,0,0,.5)}.hidden{pointer-events:none;opacity:0;filter:blur(5px);transform:translateY(100%);transition:all 1.5s}.show{opacity:1;filter:blur(0);transform:translateY(0);pointer-events:auto;cursor:pointer}.logo{padding:.2rem}.logoName{margin-top:.5rem;font-family:Satoshi-Light;font-size:1rem;text-align:center}#skills-list{padding:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;column-gap:.5rem;row-gap:2rem}}#timeline{left:0;position:relative;width:50rem;max-width:50rem;mask-image:linear-gradient(180deg,transparent,black 48px,black calc(100% - 48px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 48px,black calc(100% - 48px),transparent)}#timeline:after{content:"";position:absolute;width:2px;height:100%;background:rgba(0,0,0,.3);top:0;left:1rem;z-index:-1}.card-section{width:40rem;max-width:40rem;display:flex;flex-direction:column;gap:5vh}.timeline-card{margin-top:4rem;margin-bottom:4rem;left:4rem;position:relative;width:100%}.timeline-item.highlighted{opacity:1;transform:translateY(-10px);box-shadow:0 0 10px rgba(51,0,111,.3)}.timeline-circle{display:block;position:absolute;height:20px;width:20px;background-color:white;border:solid;border-radius:50%;border-color:grey;left:-3.5rem;top:50%;transform:translateY(-50%)}.timeline-circle.highlighted{background-color:grey;transition:background-color 1s ease-in-out}.timeline-text{position:relative;padding:2rem;background:#fff;border-radius:6px;font-size:1rem;opacity:.3;transition:opacity .6s ease,transform .6s ease}.timeline-text h2{font-family:Satoshi-Bold}.timeline-text small{display:inline-block;margin-bottom:.2rem}.desc-list{list-style-position:inside;list-style-type:disc}@media screen and (max-width:767px){#timeline:after{content:"";position:absolute;width:2px;height:100%;background:rgba(0,0,0,.3);top:0;left:1rem;z-index:-1}.card-section{width:75vw;max-width:75vw;display:flex;flex-direction:column;gap:2vh}.timeline-card{margin-top:4rem;margin-bottom:4rem;left:4rem;position:relative;width:100%}.timeline-item.highlighted{opacity:1;transform:translateY(-10px);box-shadow:0 0 10px rgba(51,0,111,.3)}.timeline-circle{display:block;position:absolute;height:20px;width:20px;background-color:white;border:solid;border-radius:50%;border-color:grey;left:-3.5rem;top:50%;transform:translateY(-50%)}.timeline-circle.highlighted{background-color:grey;transition:background-color 1s ease-in-out}.timeline-text{position:relative;padding:1rem;background:#fff;border-radius:6px;font-size:.7rem;opacity:.3;transition:opacity .6s ease,transform .6s ease}.timeline-text h2{font-family:Satoshi-Bold}.timeline-text small{display:inline-block;margin-bottom:.2rem}.timeline-text p{margin:0}}