:root{--accentColor:red;--accentColorDark:green}.projectContainer{position:relative;width:70vw;height:30vw}.icon{top:-20px;left:-20px;z-index:1}.details,.icon{position:absolute}.details{border-radius:10px;width:80%;padding:0 25px;background:var(--accentColorDark)}.title{font-family:Space Grotesk;font-size:24px;font-weight:600;margin-block:22px 15px;margin-inline:0}.title,.typeDetails{-webkit-user-select:none;-moz-user-select:none;user-select:none}.typeDetails{display:flex;flex-direction:row;gap:5px}.projectTypeLogo{width:19px;height:min-content;top:-9px;position:relative;opacity:.6}.projectType{line-height:0;margin:0 0 20px;color:#ffffff49;font-size:15px}.description{width:23vw;color:#ffffff75;line-height:1.2;font-size:16px}.description::selection{color:var(--accentColor);background:var(--accentColorDark)}.tags{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;width:23vw;margin-bottom:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag{line-height:0;margin:0;padding:15px;border-radius:6px;font-family:Poppins;font-size:13px;background:var(--accentColorDark);color:var(--accentColor)}.links{display:flex;gap:15px;width:23vw;margin-bottom:15px;flex-wrap:wrap;opacity:.7}.linkContainer{display:flex;gap:5px}.linkIcon{width:20px;height:20px}.link{color:#fff;font-family:Poppins;font-size:13px}.videoDemo{position:absolute;width:60%;height:79%;bottom:-30px;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:9px;background:#1a1a1a;margin-bottom:15px;border:4px solid var(--accentColor)}.playIcon{position:absolute;z-index:10;cursor:pointer;width:80px}.videoPlayer{width:100%}@media only screen and (max-width:1150px){.projectContainer{position:static;display:flex;flex-direction:column;width:90vw;height:unset}.projectType{margin:0 0 10px}.details{flex-direction:column;margin-left:10px;border-radius:10px 10px 0 0}.description,.details{position:static;display:flex;width:unset}.tags{width:100%}.links{width:unset}.icon{top:unset;left:unset;margin:-10px 0 0 -5px}.videoDemo{position:static;display:flex;width:90vw;height:50vw}.playIcon{width:15vw}}.skeleton{opacity:.7;animation:skeleton-load 1s linear infinite alternate;display:block}.skeleton-text{vertical-align:middle;border-radius:.35rem}@keyframes skeleton-load{0%{background-color:#444}to{background-color:#232323}}.description{width:23vw!important}@media only screen and (max-width:1150px){.description{width:100%!important}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.pageContainer{display:flex;flex-direction:column;align-items:center;height:100%;gap:150px;margin:50px 0 30px}.playgroundBanner{background:#1b1b1b;padding:15px 25px;text-align:center;border-radius:8px;color:#919191;margin:0 20px}.playgroundBanner>a{color:#0095ad;text-decoration:underline}@media only screen and (max-width:1150px){.pageContainer{gap:80px}}.pageTitleContainer{display:flex;place-content:center}.pageTitle{margin-top:80px;font-family:Space Grotesk;font-weight:600;font-size:60px;width:70vw}.underscore{display:inline-block}@media only screen and (max-width:1150px){.pageTitle{text-align:center;font-size:20px;margin-top:100px;letter-spacing:7px;color:#0095ad;text-transform:uppercase;font-weight:100}}@media only screen and (max-width:360px){.pageTitle{margin-top:150px}}.inProgressContainer{display:flex;justify-content:center;margin-block:20px 80px}.inProgressContainer>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.inProgressContainer>div{width:70vw}.inProgressContainer h2{font-family:Space Grotesk;margin-block:0 20px}.inProgressProjectContainer{display:flex;flex-direction:column;margin-block:10px;gap:5px;background:#121c0c;border-radius:10px;padding:20px 25px}.inProgressProjectContainer>*{margin:0}.inProgressProjectContainer a{color:#79b554;text-decoration:underline}@media only screen and (max-width:1150px){.inProgressContainer{margin-block:70px}.inProgressContainer>div{width:90vw}.inProgressContainer h2{padding:0 25px}}