:root{--sky: #d6e4ff;--ocean: #3b82f6;--ocean-0: rgba(28, 105, 255, 0);--baseColor: #F7F7F7;--text-muted: #6b7280;--text-muted-foreground: #111827}.text-muted{color:var(--text-muted)!important}.text-muted-foreground{color:var(--text-muted-foreground)!important}@font-face{font-family:SF Pro Display;src:url(/fonts/SFPRODISPLAYREGULAR.OTF) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:SF Pro Display;src:url(/fonts/SFPRODISPLAYMEDIUM.OTF) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:SF Pro Display;src:url(/fonts/SFPRODISPLAYBOLD.OTF) format("opentype");font-weight:700;font-style:normal}*{font-family:SF Pro Display,sans-serif;color:#333}.black-text-stroke{-webkit-text-stroke:#333333}p,ul{font-size:.75rem}html{scroll-behavior:smooth}.full-octagon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);position:relative}.full-octagon:before{content:"";inset:0;border:3px solid var(--sky);position:absolute;rotate:-45deg}.full-octagon:after{content:"";inset:0;border:2px solid var(--sky);position:absolute}.octogon-no-border-b-r.full-octagon:before{border-bottom:0px}.octogon-no-border-r.full-octagon:after{border-right:0px}.octogon-no-border-l.full-octagon:after{border-left:0px}.octogon-no-border-t-l.full-octagon:before{border-top:0px}.octagon-container{display:grid;grid-template-columns:126px 126px 126px;grid-template-rows:126px 126px 126px 126px}.border-bottom-gradient{box-sizing:content-box;border-bottom-width:3px;border-style:solid;-o-border-image:linear-gradient(to right,transparent,var(--sky),transparent);border-image:linear-gradient(to right,transparent,var(--sky),transparent);border-image-slice:1}.border-bottom-gradient-ocean{box-sizing:content-box;border-bottom-width:3px;border-style:solid;-o-border-image:linear-gradient(to right,transparent,var(--ocean),transparent);border-image:linear-gradient(to right,transparent,var(--ocean),transparent);border-image-slice:1}.before-bg-baseColor:before{content:"";z-index:-1;position:absolute;inset:0;background-color:var(--baseColor)}.cool-button-animation{overflow:hidden;transition:1s;position:relative}.cool-button-animation:after{content:"";z-index:-1;border-radius:50%;position:absolute;transform:translateY(-50%);inset:0 50% 100%;background-color:var(--ocean-0);transition:1s}.cool-button-animation:hover:after{background-color:var(--ocean);left:-50%;right:-50%;padding-bottom:200%}.cool-button-animation:hover{color:#fff}.portfolio-item:hover>div{height:100%}.portfolio-item:hover>div>p{opacity:100;right:0rem}.portfolio-item:hover>div>a{opacity:100;right:1rem}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.menu-button-animation{animation:slideIn .5s ease forwards}.border-ocean-y,.border-ocean-y:hover{border-color:#3b82f6;transition:border-color .3s ease-in}.border-white-y{border-color:transparent;transition:border-color .3s ease-in;width:-moz-fit-content;width:fit-content}.border-white-y:hover{border-color:#fff}.h3text{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.h2text{font-size:2.25rem;line-height:2.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.025em;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}@media (min-width: 1024px){.h2text{font-size:3rem;line-height:1}}@media (min-width: 1280px){.h2text{font-size:3.75rem;line-height:1}}.ptext{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}@media (min-width: 1024px){.ptext{font-size:1.25rem;line-height:1.75rem}}.sm\:text-5xl{font-size:3rem;line-height:1}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes gradient-xy{0%,to{background-size:400% 400%;background-position:left top}50%{background-size:200% 200%;background-position:right bottom}}.animate-blob{animation:blob 7s infinite}.animate-gradient-xy{animation:gradient-xy 15s ease infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}.center-incomplete-rows{@media (min-width: 768px) and (max-width: 1023px){& :nth-child(odd):last-child{grid-column:1 / -1;justify-self:center}}@media (min-width: 1024px){& :nth-child(4):last-child{grid-column:2}& :nth-child(4):nth-last-child(2){grid-column:1;justify-self:end}& :nth-child(5):last-child{grid-column:3;justify-self:start}}}