@keyframes sway-dots{0%{background-position:0 0}to{background-position:0 -20px}}#experience{background-color:#F5F5F7;position:relative;display:flex;flex-direction:column;align-items:center}.dot-bg{width:100%;height:100%;box-sizing:border-box;position:absolute!important;background-image:radial-gradient(circle at 50% 50%,hsla(0,0%,0%,.15) 1px,#fff 0,#0000 1px);background-attachment:fixed;background-size:20px 20px;left:0;top:0;-webkit-mask-image:linear-gradient(180deg,rgb(255 255 255/35%),#ffffff);mask-image:linear-gradient(180deg,rgb(255 255 255/35%),#ffffff);z-index:0!important;animation:sway-dots 1s linear infinite}.experience *{z-index:1;position:relative}.tab-list{width:100%;max-width:360px;border-radius:3em;font-weight:500;background-color:#E8E8ED;padding:.4em;margin:1em auto 0}.experience-tab{display:flex;border-radius:1em;width:100%;position:relative}.tab-option{width:100%;text-align:center;padding:.9em 1em .7em;cursor:pointer;transition:color .2s ease-out;z-index:1}.tab-option.active{color:rgb(255,255,255)}.tab-cell{width:50%;background-color:#272729;border-radius:3em;position:absolute;left:0;top:0;height:100%;transition:left .2s ease-out}.tab-cell.active{left:50%}.exp-img{width:64px!important;height:64px!important;border-radius:8px;box-shadow:var(--shadow)}.exp-info{display:flex;flex-direction:column;gap:6px;margin-top:1.5em}.exp-holder{display:flex;flex-direction:row;margin-top:3em;gap:2em;flex-wrap:wrap;justify-content:center}.exp-cell{display:flex;flex-direction:column;background-color:#ffffff;width:100%;max-width:400px;padding:2em;border-radius:1em}.hidden{display:none}.exp-date{font-size:.8em;opacity:.5}.exp-company{font-weight:500;font-size:1.25em}.exp-title{font-size:1em;opacity:.75}.exp-desc{margin-top:1.5em;line-height:1.25em;font-size:.9em;display:flex;flex-direction:column;gap:1em;opacity:.85;list-style-position:outside;padding-left:1em;margin-bottom:0}@media (max-width:700px){.exp-cell{flex-direction:column}}@keyframes scaleAnimationBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes scaleAnimationLinear{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes messagePopUp{0%{opacity:0;transform:translateY(50%);pointer-events:none}to{opacity:1;transform:translate(0);pointer-events:all}}.message-image{max-width:8em;margin-right:1em;background-color:var(--receiver);border-radius:1em;position:relative;color:white;z-index:1;overflow:hidden;word-break:break-word}.message-reaction{width:3em;height:3em;background-color:var(--receiver);border-radius:3em;position:absolute;top:0;left:0;transform:translate(-50%,-50%) scale(0);z-index:2;border:.125em solid white;display:flex;flex-direction:row;justify-content:center;align-items:center;animation:scaleAnimationLinear .3s ease-out 2.3s forwards;cursor:pointer}.reaction-emoji{display:flex;width:50%!important;height:auto!important;transform:scale(0);animation:scaleAnimationBounce .4s ease-out 2.5s forwards}.react-bubble1{width:.9em;height:.9em;bottom:-10%;left:3%}.react-bubble1,.react-bubble2{background-color:var(--receiver);border-radius:3em;position:absolute;z-index:-1}.react-bubble2{width:.4em;height:.4em;bottom:-25%;left:-5%;transform:translateX(0)}#projects{background-color:#fff;color:#000}.project-bg.missing{background:linear-gradient(180deg,rgb(222,151,151),rgb(246,133,231));color:rgb(255,255,255)}.square{aspect-ratio:1/1}.project-cell{background-color:transparent;position:relative}.marelli{background-color:#354038}@keyframes swimming{0%,to{transform:rotateY(0deg) translateX(0) scaleX(1)}25%{transform:rotateY(15deg) translateX(-2px) scaleX(.98)}50%{transform:rotateY(0deg) translateX(0) scaleX(1)}75%{transform:rotateY(-15deg) translateX(2px) scaleX(.98)}}@keyframes flapping{0%,to{transform:rotate(0deg)}50%{transform:rotate(6deg)}}@keyframes bubble{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.fish{position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all}.fish-img{height:100%;transition:transform .5s ease-out;animation:swimming 1s ease-in-out infinite,flapping 1.25s ease-in-out infinite;transform-origin:center center}.fish-rotator{height:100%;transition:transform 1s ease}.fish-mouth{position:absolute;top:calc(50% - 0px);right:calc(0% - 10px);z-index:10;transform:translate(-50%,-50%)}@keyframes sway{0%,to{transform:rotateY(180deg) rotate(-13deg) skewX(.3deg) scaleY(1)}33%{transform:rotateY(180deg) rotate(-15deg) skewX(-.2deg) scaleY(.995)}66%{transform:rotateY(180deg) rotate(-11deg) skewX(.4deg) scaleY(1)}}@keyframes sway2{0%,to{transform:rotate(-13deg) skewX(-.2deg) scaleY(.995)}33%{transform:rotate(-9deg) skewX(.4deg) scaleY(1)}66%{transform:rotate(-11deg) skewX(.3deg) scaleY(1)}}@keyframes sway3{0%,to{transform:rotate(-6deg) skewX(.4deg) scaleY(1)}33%{transform:rotate(-8deg) skewX(.3deg) scaleY(1)}66%{transform:rotate(-10deg) skewX(-.2deg) scaleY(.995)}}@keyframes bubbleSway{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-1px)}}.bubble-holder{width:2%;aspect-ratio:1/1;position:absolute;z-index:1;animation:bubble .5s ease-in;transform:translate(-50%,-50%)}.bubble{width:100%;animation:bubbleSway 2s ease-in-out infinite}.fishtank{background-color:#13a7ff;position:-webkit-sticky;position:sticky;bottom:0;overflow:hidden;min-height:max(50svh,400px);max-height:80svh;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;-ms-touch-action:none}.statue{position:absolute;bottom:5%;height:58%;transform:rotate(27deg);right:-8%;opacity:.6}.gradient{position:absolute;bottom:0;width:100%;height:50%;left:0;background:linear-gradient(180deg,#00000000,#13a7ff);z-index:1}.coral-1{position:absolute;height:42%;bottom:-4%;left:-2%;z-index:2;opacity:.9;transform:rotateY(180deg) rotate(-10deg);animation:sway 6s linear infinite;transform-origin:bottom center}.coral-3{position:absolute;height:30%;bottom:0;left:30%;transform:rotate(-5deg);z-index:0;opacity:1;animation:sway3 6s linear infinite;transform-origin:bottom center}.coral-2{position:absolute;height:33%;bottom:-3%;left:56%;transform:rotate(-8deg);z-index:1;opacity:.6;animation:sway2 6s linear infinite;transform-origin:bottom center}