.GradientCard-Container{border-radius:12px;box-sizing:border-box;height:99.5%;left:.25%;overflow:hidden;position:absolute;top:.25%;width:100%}.GradientCard-Container:before{background:var(--major-color);content:"";height:99%;left:.5%;opacity:.9;position:absolute;top:.5%;width:99%;z-index:-1}.GradientCard,.GradientCard-Container:before{-webkit-backdrop-filter:blur(18px) saturate(180%) brightness(120%);backdrop-filter:blur(18px) saturate(180%) brightness(120%);border-radius:12px}.GradientCard{background-color:var(--major-color-light);box-sizing:border-box;cursor:pointer;height:auto;position:relative}.GradientCard:hover{background-color:transparent}.GradientCard:hover:after,.GradientCard:hover:before{opacity:1!important}.GradientCard:before{height:101%;left:-.5%;top:-.5%;transition:.35s;width:101%;z-index:-1}.GradientCard:after,.GradientCard:before{animation:animate 2.5s linear infinite;background-image:linear-gradient(var(--rotate),#5ddcff,#3c67e3 43%,#4e00c2);border-radius:12px;content:"";opacity:0;position:absolute}.GradientCard:after{bottom:-15%;filter:blur(5rem);height:100%;left:50%;transform:translate(-50%) scale(.8);transition:.5s;width:100%;z-index:-2}@keyframes animate{0%{--rotate:0deg}to{--rotate:360deg}}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}.Projects-Head{left:50%;position:relative;transform:translate(-50%);width:-moz-max-content;width:max-content}.Project-Img{background:#ffffff0d;border-radius:16px;overflow:hidden;padding-bottom:66.67%;position:relative;transition:all .3s ease;width:100%}.Project-Img:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent);content:"";inset:0;position:absolute;z-index:1}.Project-Img-Container{align-items:center;background:#00000005;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:absolute;top:0;width:100%}.Project-Img img{border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));max-height:85%;max-width:85%;-o-object-fit:contain;object-fit:contain;opacity:.9;transition:all .5s cubic-bezier(.4,0,.2,1)}.TouchCardGradientCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.TouchCardGradientCard:before{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.1) 0,transparent 50%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.TouchCardGradientCard:hover{box-shadow:0 20px 40px #0000001a,0 0 20px #ffffff0d;transform:translateY(-8px) scale(1.02)}.TouchCardGradientCard:hover:before{opacity:1}.TouchCardGradientCard:hover .Project-Img img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));opacity:1;transform:scale(1.1)}html.dark .TouchCardGradientCard{background:#1e1e1e80;border-color:#ffffff0d}html.dark .Project-Img{background:#0003}html.dark .Project-Foot{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));color:#fff;mix-blend-mode:normal}.Project-Foot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#fff0 0,#ffffffe6);bottom:0;box-sizing:border-box;color:#000;padding:1.5rem;position:absolute;width:100%;z-index:2}.Project-Foot h1{background:linear-gradient(45deg,#2196f3,#e91e63);-webkit-background-clip:text;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;-webkit-text-fill-color:transparent}html.dark .Project-Foot h1{background:linear-gradient(45deg,#64b5f6,#ff4081);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Project-Foot p{font-size:.95rem;line-height:1.4;margin:0;opacity:.85}.Projects-Content{margin:0 auto;max-width:1800px;min-height:200px;padding:2rem;position:relative;width:90%}.Projects{padding:3rem 0;position:relative;width:100%}