:root{--projectWidth: 150px;--cardsPosition: 35vw;--cardsVerticalPosition: 80px;-webkit-tap-highlight-color:transparent}.projectsContainer{height:100dvh;width:100%;position:absolute;top:0;bottom:0;overflow:hidden;animation:fadeIn .4s ease-in;box-sizing:border-box}.project>img,.projectExpanded>img{transform:translate(-50%) scale(1.1);margin-left:50%;max-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.8);box-sizing:border-box;max-width:none}.project{box-sizing:border-box;width:var(--projectWidth);height:49px;overflow:hidden;position:absolute;border-radius:20px;bottom:var(--cardsVerticalPosition);transform:translate(50%);right:var(--cardsPosition);border:3px solid rgba(255,255,255,.588);box-shadow:5px 5px 10px #0000004a;transition:1s cubic-bezier(.77,0,.175,1),0s z-index,0s box-shadow;z-index:4;cursor:pointer;background-color:#1818187b;background-size:cover;background-position:center;background-repeat:no-repeat}.projectnotMoving{box-shadow:5px 5px 10px #0000004a!important}.projectExpanded{bottom:0;width:100%;height:100%;border-radius:0;border:0px solid transparent;cursor:auto;right:50%}.projectControlls{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;z-index:5;height:80px;pointer-events:none}.projectContentContainer{margin-top:80px;position:absolute;z-index:1;width:100%;height:100%;color:#fff;box-sizing:border-box}.controllsBtn{width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:1.3em;border-radius:50%;background-color:#0001;padding:0;margin:15px 10px;border:1px solid white;transition:.3s ease-in-out}.controllsBtn i{line-height:1.3em}.controllsContainer{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;transform:translate(100%);right:calc(var(--cardsPosition) + 65px);width:calc(var(--cardsPosition) + 65px);pointer-events:all}.controllButtons{display:flex}.progressContainer{width:100%;position:relative}.track{width:100%;height:3px;background-color:#ffffff86;border-radius:5px;overflow:hidden}.progress{width:0%;height:100%;background-color:#f0720b;transition:1s cubic-bezier(.77,0,.175,1)}.currentNumber{display:flex;justify-content:center;align-items:center;font-size:2em;width:45px;height:45px;margin:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#ffffffba;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.projectTitle-small{position:absolute;transform:translate(-50%) scale(1);transform-origin:left;left:50%;white-space:nowrap;bottom:76px;padding:10px 0;font-size:21px;font-weight:500;transition:all 1s cubic-bezier(.77,0,.175,1);transition-delay:-.12s}.projectTitle-expanded{transform:translateY(-5px) scale(2);transform-origin:left;left:30px;bottom:90%;transition-delay:.12s}.content{position:absolute;display:flex;flex-direction:column;width:58%;max-width:1000px;top:11%;padding:0 30px;overflow-y:auto;max-height:calc(90% - 100px);box-sizing:border-box}.line{width:0%;height:2px;background-color:#ffffff85;border-radius:4px;opacity:0;transition:.3s cubic-bezier(.77,0,.175,1);transition-delay:-.3s}.lineExpanded{width:calc(100% - 15px);transition-delay:.9s;opacity:1;margin-bottom:10px}.scrollable{height:100%;max-height:100%;overflow-y:auto;opacity:0;transition:0}.scrollable>*{overscroll-behavior-y:initial}.scrollableExpanded{transition:.6s ease-in-out;transition-delay:.9s;opacity:1}.about{text-align:left;padding-right:10px;font-size:1.5em;letter-spacing:1px;opacity:0;transition:.1s linear}.aboutExpanded{transition:opacity .6s ease-in-out;transition-delay:.9s;opacity:1;overflow-y:auto}.scrollable::-webkit-scrollbar{background-color:transparent;width:3px;height:3px}.scrollable::-webkit-scrollbar-thumb{background-color:#ffffff3e}scrollable::-webkit-scrollbar-corner{background-color:transparent}.projectButtons{pointer-events:none;display:flex;padding-top:20px;opacity:0;transition:.3s cubic-bezier(.77,0,.175,1);transition-delay:-.3s}.projectButton{font-size:1.1em;padding:9px 17px;border:1px solid white;border-radius:60px;margin-right:10px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s ease-in-out}.tryIt{padding:9px 18px;border:none;background-color:#a0c0ff;background-color:#f8ac32;color:#2f2c2c;box-shadow:0 0 10px 10px #0000000a}.gitbtn{display:flex}.gitlogo{padding-left:15px}.projectButtonsExpanded{pointer-events:all;opacity:1;transition:.6s cubic-bezier(.77,0,.175,1);transition-delay:.9s}.projectBackground{width:100%;height:100%;background-color:#2c2c2c}.blob{height:50%;aspect-ratio:1;border-radius:50%;background-color:#ffffff60;position:absolute;filter:blur(100px)}.blob1{top:10%;background-color:#ff1c1c60}.blob2{top:30%;left:30%;background-color:#ff1cd260}.blob3{top:60%;left:10%;background-color:#1cb0ff60}.m-shadow{box-shadow:5px 5px #0000004a}.imageSlider{display:flex;gap:7px;width:100%;overflow-x:auto;padding:5px 0;margin-bottom:20px}.imageContainer-slider{min-width:50px;width:50px;height:300px;border-radius:10px;overflow:hidden;transition:.3s ease;cursor:pointer;border:2px solid #f5f5f523}.imageContainerMax-slider{cursor:auto;flex-shrink:0;width:100%}.imageContainer-slider>img{transform:translate(-50%);height:100%;margin-left:50%;max-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover}.imageCarouselMobile{display:none;width:100%;padding-bottom:50px}.imageCarouselWide{z-index:2;position:absolute;right:15px;top:15%;width:calc(35vw + 55px);height:100%;max-height:calc(85% - 140px);display:flex;justify-content:center;opacity:0;transition:opacity .1s ease-in-out}.imageCarouselWide-expanded{opacity:1;transition:opacity .6s ease-in-out;transition-delay:.9s}.ratio-4-3{aspect-ratio:4 / 3;height:100%;width:auto;max-width:100%}@media(hover:hover){.controllsBtn:hover,.projectButton:hover{cursor:pointer;background-color:#ffffff34}.tryIt:hover{background-color:#fff!important;color:#000!important}}@media only screen and (max-width:700px){.imageCarouselMobile{display:flex}.imageCarouselWide{display:none}.controllsContainer{left:0;bottom:0;position:fixed;top:unset;transform:none;width:calc(100% - var(--cardsPosition) - 75px)}.progressContainer{position:fixed;bottom:0}.currentNumber{display:none}:root{--projectWidth: 150px;--cardsPosition: 50vw;--cardsVerticalPosition: 15px}.project{width:var(--projectWidth);height:50px;border:3px solid rgba(255,255,255,.588)}.projectExpanded{width:100%;height:100%;border:0px solid rgba(255,255,255,0)}.projectTitle-small{white-space:nowrap}.projectTitle-expanded{bottom:calc(100% - 50px)}.content{top:55px;width:100%;max-height:calc(100% - 224px);padding:0 20px 0 30px}.m-shadow{box-shadow:5px 5px 5px #0000004a!important}}@media only screen and (max-width:410px){.controllsBtn{border:none;margin:15px 0;background:transparent}}@media only screen and (max-width:320px){.controllsBtn{border:none;margin:15px 0;display:none;background:transparent}}@media only screen and (max-height:750px)and (max-width:700px){.about{font-size:1.3em}}.ripple-button,.ripple-calander{position:relative;cursor:pointer;overflow:hidden;outline:none}.ripple{position:absolute;border-radius:50%;background:#ffffff5b;transform:scale(0);animation:ripple-animation .5s ease-in-out;filter:blur(5px)}.calander-ripple{position:absolute;border-radius:50%;background:var(--rippleColor);transform:scale(0);animation:ripple-animation .4s linear;filter:blur(20px)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.lds-ring{display:flex;justify-content:center;align-items:center;width:28px;height:28px;animation:lds-ring 1s linear infinite}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:28px;height:28px;margin:8px;border:3px solid var(--textColor);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--textColor) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width:600px){.translucent-bg{background-color:var(--background);border-bottom:1px solid var(--lightBorder)}}@media screen and (max-width:600px){.transparent-bg{background-color:transparent;border-top:1px solid transparent}}main[data-astro-cid-aid3sr62]{width:100%;min-height:100vh;background-color:#0c0c0c}