.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}.container{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center}.text-container{align-items:"center";display:"flex";flex-direction:"column";height:100%;justify-content:"flex-start"}.text-container h1{color:#063970;font-family:Roboto Mono;font-size:4rem;margin:20px}.text-container h2{color:#000;font-family:Roboto Mono;font-size:1.5rem;margin-bottom:20px}.text-container h3{color:gray;font-family:Roboto Mono;font-size:1.2rem;margin:10px}.text-container ul{list-style-type:none}.images-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;height:100%;justify-content:center}.images-container img{flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1;height:auto;max-width:100%}@media (max-width:768px){.images-container img{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.images-container img{flex-basis:calc(100% - 20px);flex-grow:1;flex-shrink:1}}.icons-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.icon-wrapper{cursor:pointer;display:inline-block;padding:0;transition:transform .2s ease}.icon-wrapper:hover{transform:scale(1.05)}.full-width-tooltip{animation:tooltipSlideIn .3s ease forwards;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 12px #0000001a;color:#000;font-family:Roboto Mono,monospace;font-size:16px;line-height:1.5;margin:0 auto;padding:20px 30px;position:relative;text-align:left;width:50vw;z-index:1000}.tooltip-title{font-size:18px;font-weight:700;margin-bottom:4px}.tooltip-meta{align-items:center;color:#666;display:flex;font-size:14px;gap:40px;justify-content:flex-start;margin-bottom:8px}.tooltip-line{margin-bottom:4px;padding-left:20px;position:relative}.tooltip-line:before{color:#000;content:"•";left:0;position:absolute}.tooltip-technologies{color:#666;font-size:14px;margin-top:2px}.full-width-tooltip:before{border:8px solid;border-color:#0000 #0000 #fff;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%);z-index:1001}@media (max-width:768px){.icons-wrapper{gap:15px}.icon-wrapper{padding:5px}.full-width-tooltip{font-size:14px;margin-top:15px;padding:16px 20px;width:80vw}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-10px) scaleY(0);transform-origin:top center}to{opacity:1;transform:translateY(0) scaleY(1);transform-origin:top center}}
/*# sourceMappingURL=main.1ad83c42.css.map*/