.project[data-astro-cid-sqxcvsze]{display:flex;flex-direction:column;width:100%}.transition-group[data-astro-cid-sqxcvsze]{display:flex;flex-direction:row;align-items:center;gap:20px}.pulser1[data-astro-cid-sqxcvsze]{width:30px;height:30px;background-color:#09f;border-radius:50%;position:relative}.pulser2[data-astro-cid-sqxcvsze],.pulser3[data-astro-cid-sqxcvsze]{width:30px;height:30px;background-color:#09f;border-radius:50%;position:relative;transition:1s}.pulser3[data-astro-cid-sqxcvsze]{width:30px;height:30px;background-color:#09f;border-radius:50%;position:relative;transition:1s;transition-property:background-color,scale}.pulser1[data-astro-cid-sqxcvsze]:hover,.pulser2[data-astro-cid-sqxcvsze]:hover,.pulser3[data-astro-cid-sqxcvsze]:hover{scale:2;background:purple;box-shadow:0 0 10px purple}.animation-group[data-astro-cid-sqxcvsze]{display:flex;flex-direction:column;justify-content:center;align-items:left;gap:20px}.animation-contanier[data-astro-cid-sqxcvsze]{display:flex;justify-content:center;align-items:center}@keyframes rotation{0%{transform:rotate(0) translate(var(--translate)) rotate(0)}to{transform:rotate(360deg) translate(var(--translate)) rotate(-360deg)}}#mercury[data-astro-cid-sqxcvsze]{--translate: -55px;animation:rotation 4s linear infinite}#mars[data-astro-cid-sqxcvsze]{--translate: -75px;animation:rotation 5s -1s linear infinite}#saturn[data-astro-cid-sqxcvsze]{--translate: -95px;animation:rotation 8s -3s linear infinite}.porto[data-astro-cid-sqxcvsze]{color:#f5dbc8;padding:32px;text-align:center}.porto[data-astro-cid-sqxcvsze] p[data-astro-cid-sqxcvsze]{font-size:1.1rem;font-weight:500;letter-spacing:.03em;max-width:40ch}.flex-wrapper[data-astro-cid-sqxcvsze]{align-items:center;display:flex;justify-content:center;gap:2rem}.content-container[data-astro-cid-sqxcvsze]{margin-inline:auto;width:90vw}.vertical-scroll-container[data-astro-cid-sqxcvsze]{align-items:center;display:flex;flex-direction:column;gap:6rem 0;min-width:400px;overflow-y:scroll;scrollbar-color:#3848a0 #1b2767;scroll-snap-type:y mandatory;padding:200px 20px;height:100px}.vertical-scroll-container[data-astro-cid-sqxcvsze] img[data-astro-cid-sqxcvsze]{scroll-snap-align:center;width:400px;animation:slideInOut;animation-timeline:view()}@keyframes slideInOut{entry 0% {transform: scale(.8) translateY(100px); opacity: 0;} entry 100% {transform: scale(1) translateY(0); opacity: 1;} exit 0% {transform: scale(1) translateY(0); opacity: 1;} exit 100% {transform: scale(.8) translateY(-100px); opacity: 0}}@media screen and (max-width: 40em){.vertical-scroll-container[data-astro-cid-sqxcvsze] img[data-astro-cid-sqxcvsze]{padding:0;width:300px}}.wrapper[data-astro-cid-sqxcvsze]{display:inline-flex}.wrapper[data-astro-cid-sqxcvsze] .static-text[data-astro-cid-sqxcvsze]{font-size:2.7rem;color:#fff;font-weight:400}.wrapper[data-astro-cid-sqxcvsze] .dynamic-text[data-astro-cid-sqxcvsze]{top:-4px;margin-left:15px;height:85px;line-height:1.5;position:relative;overflow:hidden}.dynamic-text[data-astro-cid-sqxcvsze] li[data-astro-cid-sqxcvsze]{color:#ff0;background-color:#1e263f;list-style:none;font-size:2.7rem;font-size:60px;position:relative;animation:slide 22s steps(11) infinite;top:0}@keyframes slide{to{top:-990px}}.dynamic-text[data-astro-cid-sqxcvsze] li[data-astro-cid-sqxcvsze] span[data-astro-cid-sqxcvsze]{position:relative}.dynamic-text[data-astro-cid-sqxcvsze] li[data-astro-cid-sqxcvsze] span[data-astro-cid-sqxcvsze]:after{content:"";position:absolute;height:100%;width:100%;border-left:2px solid #fff;background-color:#1e263f;padding:5px;left:0;animation:typing 2s steps(17) infinite}@keyframes typing{60%,to{left:100%;margin:0 -40px 0 40px}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.animated[data-astro-cid-sqxcvsze]{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation:rotateInDownRight 1s linear infinite}