.boxy-container{display:flex;flex-direction:column;align-items:center;color:#fff;transition:all 1s;gap:40px;background-image:radial-gradient(#424242a4 2px,transparent 2px);background-position:center;background-size:50px 50px;max-width:100vw;overflow:hidden}@media screen and (min-width: 1000px){.boxy-container{justify-content:center;background:none;overflow:hidden;width:100%;height:100%}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--clr-1: #052b2f;--clr-2: #073438;--clr-3: #17B877;--clr-4: #ffa23e;--clr-5: #25a6e9;--clr-6: #a87ffb}.card{background:var(--clr-1);border-radius:.5rem;display:flex;flex-direction:row;text-align:flex-start;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);width:90%;position:relative;z-index:2;flex-wrap:wrap}.card:before,.card:after{content:"";position:absolute;inset:-.2rem;z-index:-1;background:rgba(255,255,255,.491);background:conic-gradient(from var(--gradient-angle),var(--clr-3),var(--clr-4),var(--clr-6),var(--clr-5),var(--clr-3));border-radius:inherit;animation:rotation 5s linear infinite}.card:after{filter:blur(30px);opacity:0;transition-delay:0s;transition-duration:.3s}.card:hover:after{opacity:.7;transition-delay:.3s;transition-duration:.6s}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.card>div{background-color:var(--my-dark-blue);border-radius:10px;transition:background-color .3s}.card>div:hover{background-color:var(--my-medium-blue);transition:background-color .3s}.card p{font-size:18px;color:#f0f8ffbf}.b-1{display:flex;flex-direction:column;justify-content:center;height:100vh;z-index:0;background:transparent}.b-2,.b-3{margin:50px 0}.b-4{order:10;overflow:hidden}@media screen and (min-width: 1000px){.card:before,.card:after{content:"";position:absolute;inset:-.5rem;z-index:-1;background:rgba(255,255,255,.491);background:conic-gradient(from var(--gradient-angle),var(--clr-3),var(--clr-4),var(--clr-6),var(--clr-5),var(--clr-3));border-radius:inherit;animation:rotation 3s linear infinite}.card{min-width:1000px}.b-0{width:200vw;height:200vh;position:absolute;background-image:radial-gradient(#424242a4 2px,transparent 2px);background-position:center;background-size:100px 100px}.b-2{width:50%;position:absolute;margin:0;right:115%;min-width:700px}.b-3{position:absolute;top:105%;width:50%;margin:0}.b-4{width:50%;position:absolute;margin:0;left:115%;min-width:700px}.b-6{position:absolute;width:60%;bottom:95%;left:98%}.b-9{position:absolute;width:60%;left:85%;top:95%}.b-7{position:absolute;width:60%;top:95%;right:85%}.b-8{position:absolute;width:40%;bottom:95%;right:98%;min-width:700px}.b-5{position:absolute;width:65%;bottom:103%}}@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi){.card p{font-size:15px}}.card-container{width:100%;display:flex;padding:80px 30px 30px;overflow:hidden;flex-direction:column;text-align:start;justify-content:center}.image{max-width:100%}.description-container{padding:30px 0 0;align-items:flex-start;justify-content:flex-start}.technologies{margin:20px 0 0}.card-title{position:absolute;white-space:nowrap;font-size:60px;margin:0}.t-1{color:var(--my-yellow);font-weight:600}.t-2{color:var(--my-green);font-weight:600}.t-3{color:var(--my-cyan);font-weight:600}.t-4{color:var(--my-purple);font-weight:600}.technology{padding:3px 15px 5px;border-radius:15px;word-break:normal;font-weight:600;background-color:#000;box-shadow:0 0 5px 1px #adadad28}@media screen and (min-width: 1000px){.card-container{display:flex;flex-wrap:nowrap;justify-content:center;padding:40px 30px;overflow:hidden;flex-direction:row}.image-container{display:flex;flex-grow:0;flex-shrink:0;flex-basis:50%;align-items:center;justify-content:center}.image{width:100%}.description-container{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;flex-basis:45%;text-align:start;padding:75px 0 0 40px;justify-content:space-between;min-width:0}.card-title{text-align:start;position:absolute;font-size:90px}.description-container>p{font-size:18px}}.img-cont-mobile{flex-basis:35%}.browser-mockup{border-top:2em solid rgb(33,33,33);box-shadow:0 .1em 1em #0006;position:relative;border-radius:10px}.browser-mockup:before{display:block;position:absolute;content:"";top:-1.25em;left:1em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5;overflow:visible}.browser-mockup>*{display:block}.browser-mockup{flex:1}.m-browser-mockup{overflow:hidden;border:3px solid rgb(33,33,33);border-top:.5em solid rgb(33,33,33);border-bottom:1.5em solid rgb(33,33,33)}.link-card:where(.astro-DOHJNAO5){list-style:none;display:flex;padding:1px;background-color:#23262d;background-image:none;background-size:400%;border-radius:7px;background-position:100%;transition:background-position .6s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 0 1px #ffffff1a}.link-card:where(.astro-DOHJNAO5)>a:where(.astro-DOHJNAO5){width:100%;text-decoration:none;line-height:1.4;padding:calc(1.5rem - 1px);border-radius:8px;color:#fff;background-color:#23262d;opacity:.8}h2:where(.astro-DOHJNAO5){margin:0;font-size:1.25rem;transition:color .6s cubic-bezier(.22,1,.36,1)}p:where(.astro-DOHJNAO5){margin-top:.5rem;margin-bottom:0}.link-card:where(.astro-DOHJNAO5):is(:hover,:focus-within){background-position:0;background-image:var(--accent-gradient)}.link-card:where(.astro-DOHJNAO5):is(:hover,:focus-within) h2:where(.astro-DOHJNAO5){color:rgb(var(--accent-light))}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid transparent;z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em #00000059;background:#333;color:#fff;z-index:1000}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{bottom:100%;border-bottom-width:0;border-top-color:#333}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{top:100%;border-top-width:0;border-bottom-color:#333}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{top:50%;border-left-width:0;border-right-color:#333;right:calc(0em - 5px);transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:tooltips-vert .3s ease-out forwards}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:tooltips-horz .3s ease-out forwards}