@keyframes scroll{to{transform:translate(calc(-50% - .25rem))}}.InfiniteScroller{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--analytics-gap);width:100%;min-height:4rem;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}.InfiniteScroller>ul.lane{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--analytics-gap);width:fit-content}.InfiniteScroller>ul.lane.left,.InfiniteScroller>ul.lane.right{animation:scroll 70s linear infinite}.InfiniteScroller>ul.lane.left{animation-direction:normal}.InfiniteScroller>ul.lane.right{animation-direction:reverse}.InfiniteScroller>ul.lane:hover{animation-play-state:paused}#analytics{--border-radius: 4px;z-index:99;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--analytics-gap);width:100vw;height:100vh;padding:1em 1.25em;color:var(--primary-font-color);background-color:var(--background-color);overflow-y:auto;overflow-x:hidden}#analytics svg{-webkit-user-select:initial;user-select:initial;touch-action:initial}@media screen and (min-width: 1150px){#analytics svg{-webkit-user-select:none;user-select:none;touch-action:pan-y}}@media screen and (min-width: 1440px){#analytics{gap:1rem}}#analytics>#analytics-nav{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%}#analytics #kpis{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--analytics-gap);width:100%}@media screen and (min-width: 1150px){#analytics #kpis{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}}#analytics #kpis .kpi{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:var(--analytics-gap);padding:var(--analytics-gap) 1rem;background-color:var(--experimental-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}@media screen and (min-width: 1150px){#analytics #kpis .kpi{min-width:170px;flex-grow:1}}#analytics #kpis .value{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:var(--analytics-gap);font-family:custom-bold;background:-webkit-linear-gradient(45deg,rgb(0,163,160) 50%,rgb(27,119,201));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#analytics #kpis .icon{fill:var(--primary-font-color)}#analytics>#charts{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--analytics-gap);width:100%;min-height:1080px;flex-grow:1}#analytics>#charts [role=tooltip]{-webkit-user-select:none!important;user-select:none!important}#analytics>#charts text{font-size:.75rem!important;-webkit-user-select:none!important;user-select:none!important;fill:var(--primary-font-color)!important}@media screen and (min-width: 1150px){#analytics>#charts{flex-direction:row;justify-content:space-between;gap:0;min-height:450px}#analytics>#charts text{-webkit-user-select:auto!important;user-select:auto!important}}#analytics .pie-chart-title,#analytics .bar-chart-title{font-size:1rem;-webkit-user-select:none;user-select:none;padding-bottom:var(--analytics-gap)}#analytics .label{font-size:1rem}#analytics #pie-charts{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--analytics-gap);width:100%;min-height:550px;height:100%;padding:0}@media screen and (min-width: 1150px){#analytics #pie-charts{width:40%;min-height:300px;padding-right:1em}}#analytics #pie-charts .pie-chart-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:calc(50% - (var(--analytics-gap) / 2));padding:var(--analytics-gap) 20px;background-color:var(--experimental-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}#analytics #bar-chart-container{position:relative;width:100%;min-height:375px;height:100%;padding:1em 1em 1.2em;background-color:var(--experimental-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}@media screen and (min-width: 1150px){#analytics #bar-chart-container{width:60%;padding-bottom:1em}}#analytics #bar-chart-container .MuiChartsLegend-root{display:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#tech-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-grow:1;width:100%;margin:0;padding:0;list-style:none;overflow-y:auto;overflow-x:hidden;transition:opacity .2s linear}#tech-list .header{margin:10px 0;font-family:custom-bold}#tech-list .tech-category-container{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:0;border-bottom:1px solid var(--border-color);transition:transform .2s ease-in-out}#tech-list .tech-category-container button{padding:0;margin:0;background-color:transparent;border:none;cursor:pointer}#tech-list .tech-category-container button:hover{opacity:.5}#tech-list .tech-category-container.rotated{opacity:.6}#tech-list .tech-category-container .toggle-icon{fill:var(--primary-font-color);transition:transform .2s ease-in-out}#tech-list .tech-category-container .toggle-icon.rotated{transform:rotate(180deg)}#tech-list .tech-category{width:100%;padding:.35em 0;color:var(--primary-font-color);font-family:custom-bold;font-size:1.1em}#tech-list>li{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin:2px 0;padding:5px .3em;cursor:pointer;font-size:.9em;color:var(--primary-font-color);transition:all .2s ease-in-out;animation:fadeIn .3s ease-in-out}#tech-list>li>.checkbox-label{position:relative;display:flex;justify-content:center;align-items:center;width:14px;height:14px;padding:0;margin:0;border-radius:4px;background-color:var(--primary-font-color);transition:background-color .2s ease-in-out;pointer-events:none}#tech-list>li input[type=checkbox]{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}#tech-list>li.selected .checkbox-label{background-color:var(--primary-highlight-color)}#tech-list>li .checkbox-icon{z-index:2;position:absolute;top:-21%;left:-2%;width:140%;height:140%;fill:var(--secondary-highlight-color)}@media screen and (min-width: 1440px){#tech-list>li{font-size:1em}}#tech-list>li.filtered-out{opacity:.5}#tech-list>li:hover{opacity:1;background-color:#252b36}#tech-list>li.active{opacity:.7;scale:.95}#tech-list>li:hover,#tech-list>li.active{text-decoration:none}#tech-list>li.selected .tech-icon,#tech-list>li:hover .tech-icon,#tech-list>li.active .tech-icon{height:125%;opacity:.7;transform:rotate(15deg)}#tech-list .tech-icon{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;height:105%;margin-left:5px;opacity:.3;filter:contrast(2);transition:all .2s ease-in-out}#tech-list .topic-label-container{position:relative;z-index:3;padding-left:10px;padding-right:4em;transition:all .2s ease-in-out;white-space:nowrap;width:fit-content}#tech-list .count{position:absolute;right:0}#sidebar{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;min-width:270px;width:100%;height:auto;margin:0;padding:0 20px 20px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--experimental-color);color:var(--primary-font-color);transition:width 1s linear}@media screen and (min-width: 965px){#sidebar{width:auto}}#sidebar>button{z-index:2;position:absolute;top:1em;right:calc(0% - 1em);display:flex;justify-content:center;align-items:center;background-color:var(--primary-highlight-color);border:none;border-radius:0}#sidebar>button:hover{cursor:pointer;filter:brightness(1.3)}#sidebar>button:active{scale:.9;opacity:.8}#sidebar>button.open svg{transform:rotate(180deg)}#sidebar>button.closed svg{transform:rotate(0)}#sidebar>button svg{fill:var(--primary-font-color);transition:transform 1s linear}:root{--navbar-height: 4em;--navbar-vertical-padding: 1em;--navbar-horizontal-padding: 20px}@media screen and (min-width: 769px){:root{--navbar-horizontal-padding: 22.5px}}#app-nav{z-index:3;position:sticky;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:var(--navbar-height);margin:0;padding:var(--navbar-vertical-padding) var(--navbar-horizontal-padding);border-bottom:2px solid var(--border-color);box-shadow:#00000036 0 10px 15px -3px,#00000073 0 4px 6px -2px;color:var(--primary-font-color);background-color:var(--experimental-color)}#app-nav a{text-decoration:none;color:var(--primary-font-color)}#app-nav li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:custom-regular;font-size:.9em}#app-nav li:hover{cursor:pointer;opacity:.7}#app-nav li:active{opacity:.5;transform:scale(.95)}#app-nav #github-icon,#app-nav .icon{width:1.5em;height:1.5em;fill:var(--primary-font-color);transition:all .2s ease-in-out}#app-nav>h1{display:none;font-size:2em;font-family:custom-bold;letter-spacing:-1px}#mobile-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.2em;list-style:none;margin:0;padding:0}#desktop-menu{display:none;flex-direction:row;justify-content:space-between;align-items:center;gap:1.2em;list-style:none;margin:0;padding:0}@media screen and (min-width: 965px){#app-nav>h1{display:initial}#mobile-menu-icon,#mobile-menu{display:none}#desktop-menu{display:flex}}#clickaway-area{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5;background-color:#000000af}#search-bar{z-index:6;position:relative;width:100%}@media screen and (min-width: 965px){#search-bar{width:50%}}#search-bar #search{outline:transparent;width:100%;height:2.5em;border-radius:4px;border:none;padding:.25em 2.5em;color:var(--secondary-font-color);font-size:1.1em;background-color:var(--primary-font-color)}#search-bar #delete-icon-area,#search-bar #search-icon-area{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:2.5em;height:100%;cursor:pointer;color:var(--primary-color);padding:.25em .5em .25em .25em;border-top-right-radius:1em;border-bottom-right-radius:1em;background-color:transparent}#search-bar #delete-icon-area .icon,#search-bar #search-icon-area .icon{fill:var(--primary-color)}#search-bar #search-icon-area{left:0}#search-bar #delete-icon-area{right:0}#search-bar .search-results-wrapper{position:relative;margin:0;padding:0}#search-bar .search-results-wrapper:after{content:attr(data-result-count);z-index:8;position:absolute;top:5px;right:5px;color:#0072e8;font-family:custom-bold;text-shadow:0px 3px 4px rgba(0,0,0,.12);background-color:transparent;padding:.1rem .3rem;pointer-events:none}#search-bar #search-results{z-index:7;position:absolute;top:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-height:85vh;padding:0;margin-top:5px;overflow-y:auto;background-color:var(--primary-font-color);box-shadow:0 0 10px #0003;color:#000}#search-bar #search-results .search-result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5em;width:100%;padding:.5em;border-bottom:solid 2px var(--secondary-font-color);cursor:pointer;transition:background-color .3s;list-style:none}#search-bar #search-results .search-result:hover{background-color:var(--secondary-font-color);color:var(--primary-font-color)}#search-bar #search-results .search-result:hover .title{color:var(--primary-font-color)}#search-bar #search-results .search-result:hover .topic{background-color:var(--primary-font-color);color:var(--primary-color)}#search-bar #search-results img{width:40%;aspect-ratio:4/3}#search-bar #search-results .title{font-size:1.1em;font-family:custom-bold;font-style:oblique;color:var(--primary-color)}#search-bar #search-results .topics{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5em}#search-bar #search-results .topic{font-size:.8em;padding:.3em .55em;border-radius:1em;color:var(--primary-font-color);background-color:var(--primary-color)}#search-bar #search-results .none{font-size:.8em}:root{--project-detail-content-width: 100%;--project-detail-content-padding: 16px}@media screen and (min-width: 768px){:root{--project-detail-content-width: 80%;--project-detail-content-padding: 1.25em}}#ProjectDetail{z-index:99;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:0;color:var(--primary-font-color);background-color:var(--primary-color);background:radial-gradient(circle farthest-corner at top left,var(--primary-color) 3%,var(--secondary-color) 100%);transition:.5s;overflow-y:auto;overflow-x:hidden}#ProjectDetail>#project-detail-nav{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;padding:var(--project-detail-content-padding);padding-bottom:0;margin:0;color:var(--primary-font-color)}#ProjectDetail>#project-detail-content{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;gap:16px;flex-grow:1;padding:var(--project-detail-content-padding)}@media screen and (min-width: 768px){#ProjectDetail>#project-detail-content{flex-direction:row;justify-content:center;gap:0;padding:0}}#image-container,#info-container{position:relative;width:100%;height:auto}@media screen and (min-width: 768px){#image-container,#info-container{width:50%;height:100%}}#image-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#image-container img{width:var(--project-detail-content-width);aspect-ratio:4/3;border:1px solid var(--border-color);box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}@media screen and (min-width: 768px){#image-container img{width:85%}}#info-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}#info-container h1,#info-container p{text-align:left;padding:0;margin:0}#info-container>h1{width:100%;font-size:1.3em;font-family:custom-bold;font-style:oblique}@media screen and (min-width: 768px){#info-container>h1{width:auto;font-size:3.5vw}}#info-container p{font-size:1em;width:var(--project-detail-content-width);max-width:75ch}@media screen and (min-width: 1440px){#info-container p{font-size:1vw}}@media screen and (min-width: 768px){#info-container{align-items:flex-start}}#metadata{width:var(--project-detail-content-width);border-collapse:collapse;font-size:.85em}@media screen and (min-width: 1440px){#metadata{font-size:1vw}}#metadata a{color:#04b8ff;text-decoration:none}#metadata a.deployment-link{color:#df0000}#metadata a:hover{opacity:.7}#metadata td{vertical-align:middle;padding:.3em .8em;border:1px solid var(--border-color)}#metadata td>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:default;text-align:left}#metadata td:has(a){background-color:#b7b7b71c}#metadata .icon{width:.85em;height:.85em;margin-right:5px;fill:var(--primary-font-color)}#topics{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;width:var(--project-detail-content-width);padding-bottom:1em;padding-left:0;margin:0;list-style:none}@media screen and (min-width: 768px){#topics{padding-bottom:0}}@media screen and (min-width: 768px){.topic{font-size:1vw}}.DevsChoiceBadge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:65px;height:65px;padding:5px;border-radius:800%;background-color:var(--tertiary-highlight-color);color:var(--primary-font-color);transform:rotate(25deg);font-family:custom-regular;font-size:10px}.DevsChoiceBadge span{display:block}.DevsChoiceBadge .icon{height:12px;width:12px;fill:var(--primary-font-color)}.project-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;aspect-ratio:4/3;background-color:var(--experimental-color);box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;border:1px solid var(--border-color);border-radius:4px!important;padding:25px;color:var(--primary-font-color);opacity:1;transition:opacity .5s}.project-card.not-featured{pointer-events:none;opacity:.1}.project-card .DevsChoiceBadge{position:absolute;z-index:2;top:10px;right:10px}.project-overlay{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden}.project-overlay>#content{position:absolute;top:0;left:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--primary-font-color);background-color:color-mix(in srgb,var(--primary-color) 80%,transparent);transition:.5s}.project-overlay>#content>.row{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.project-overlay>#content ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;width:100%;margin:0;padding-left:0;list-style:none}.project-overlay:hover>#content{left:0}.project-overlay:hover>#content .circle{display:inline-block}.project-overlay:after{z-index:3;position:absolute;content:"";top:0;left:-125%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d);transition:opacity .5s;transform:skew(-25deg);-webkit-animation:shine 15s infinite;animation:shine 15s infinite;pointer-events:none}@media screen and (min-width: 1920px){.project-overlay:after{animation-delay:5s}}@media screen and (min-width: 2160px){.project-overlay:after{animation-delay:7s}}.project-card.not-featured .project-overlay:after{opacity:0}.project-overlay:hover:after{opacity:0}@-webkit-keyframes shine{0%,4%{left:-125%}20%{left:125%}to{left:125%}}@keyframes shine{0%,4%{left:-125%}20%{left:125%}to{left:125%}}@-webkit-keyframes fadeLoop{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fadeLoop{0%{opacity:0}50%{opacity:1}to{opacity:0}}.project-name{font-family:custom-bold;font-style:oblique;font-size:1.05em;padding:1em .5em;margin:0}@media screen and (min-width: 1150px){.project-name{font-size:1.36em;padding:1em}}.language-icons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:1.5em!important}.language-icon{height:1.1em}.project-image{width:100%;height:100%;border-radius:4px;object-fit:fill;opacity:0;transition:opacity .5s}.project-image.loaded{opacity:1}.project-about{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;width:100%}.project-about .row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.project-about .project-pill{font-family:custom-regular;font-size:.8em;padding:4px 8px;border-radius:10px;background-color:var(--secondary-font-color);color:var(--primary-font-color)}.project-about .view-count{font-family:custom-regular;font-size:.8em;color:var(--primary-font-color);opacity:.7;transition:all .5s ease-in-out}.project-about .view-count.loading{font-size:.7em;animation:fadeLoop 2.5s ease-in-out infinite}.project-about .project-description{position:relative;width:100%;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;font-family:custom-regular;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#project-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px 30px;overflow-y:scroll;flex-grow:1}@media screen and (min-width: 1440px){#project-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media screen and (min-width: 2160px){#project-grid{grid-template-columns:repeat(auto-fill,minmax(475px,1fr))}}#project-grid-overlay{pointer-events:none;z-index:1;position:fixed;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#02002400 80%,#0000006b 99%)}.custom-modal-backdrop{z-index:100;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;background-color:#000000b3}.custom-modal-backdrop .custom-modal{z-index:101;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:auto;max-width:92%;max-height:72%;padding:15px 30px;border:1px solid var(--border-color);border-radius:5px;margin-top:10vh;color:var(--primary-font-color);box-shadow:0 0 10px #00000080;background-color:var(--background-color);overflow-x:hidden;overflow-y:auto}.custom-modal-backdrop .custom-modal a:link,.custom-modal-backdrop .custom-modal a:visited,.custom-modal-backdrop .custom-modal a:hover,.custom-modal-backdrop .custom-modal a:active{color:var(--secondary-highlight-color);text-decoration:none}.custom-modal-backdrop .custom-modal a:hover{text-decoration:underline}.custom-modal-backdrop .custom-modal article{margin:1.4rem 0}.custom-modal-backdrop .custom-modal ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5em;padding:1em;border:1px solid var(--border-color);color:var(--primary-font-color);background-color:var(--primary-highlight-color)}.custom-modal-backdrop .custom-modal li{padding-left:1em}.custom-modal-backdrop .custom-modal button{margin:0 5px}.custom-modal-backdrop .custom-modal .custom-modal-header{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:4em;padding:10px;color:#fff;border:none;border-radius:0;background-color:transparent}.custom-modal-backdrop .custom-modal .custom-modal-title{font-family:custom-bold;font-size:2em}.custom-modal-backdrop .custom-modal .custom-modal-content{position:relative;width:100%;max-width:55ch;flex-grow:1;line-height:1.5em;border:none;border-radius:0;background-color:transparent}.custom-modal-backdrop .custom-modal .custom-modal-content p{padding:0;margin:1em 0;line-height:1.5em}.custom-modal-backdrop .custom-modal img.example{width:100%;height:auto}@media screen and (min-width: 728px){.custom-modal-backdrop .custom-modal img.example{width:68%}}.custom-modal-backdrop .custom-modal .icon{fill:var(--primary-font-color);margin:0 5px}.custom-modal-backdrop .custom-modal .circle{display:inline-block}@font-face{font-family:custom-bold;src:url(./IBMPlexSans-Bold-BL4tKnDC.ttf)}@font-face{font-family:custom-regular;src:url(./IBMPlexSans-Regular-CD7wwMTZ.ttf)}@font-face{font-family:custom-thin;src:url(./IBMPlexSans-Thin-HSuGg72Y.ttf)}:root{--primary-color: #101217;--secondary-color: #000001;--overlay-color: #28313b9a;--primary-highlight-color: #173a5e;--secondary-highlight-color: #04b8ff;--tertiary-highlight-color: #00403ef0;--primary-font-color: #fafafa;--secondary-font-color: #333;--border-color: #f5f5f524;--analytics-gap: 7px;--background-color: #141418;--experimental-color: #070a0e70}*{box-sizing:border-box}html{width:100vw;height:100vh;background-color:var(--background-color);overflow-x:hidden;font-family:custom-regular}body,div#root{height:100%;width:100%}body{padding:0;margin:0}body::-webkit-scrollbar,ul::-webkit-scrollbar,section::-webkit-scrollbar,div::-webkit-scrollbar{height:4px;width:3px}body::-webkit-scrollbar-track,ul::-webkit-scrollbar-track,section::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:transparent;border:none}body::-webkit-scrollbar-thumb,ul::-webkit-scrollbar-thumb,section::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a5a5a5}h1,h2,h3,h4,h5,h6,p{margin:0}ul,li{list-style:none;padding:0;margin:0}.title-card{z-index:9999;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100vh;width:100vw;color:#f0f8ff;visibility:visible;background:radial-gradient(circle farthest-corner at top left,var(--primary-color) 3%,var(--secondary-color) 70%);transition:left 2.7s linear,visibility 2.7s linear;transition-delay:3s}@media screen and (min-width: 2160px){.title-card{transition:left 3s linear,visibility 3s linear;transition-delay:3s}}.title-card.transition{left:-115vw;visibility:hidden}.app-title{font-size:1.13rem;font-family:custom-bold;font-style:oblique;letter-spacing:-1px;margin:0}.app-subtitle{font-size:.8rem;font-style:oblique;font-family:custom-thin}@media screen and (min-width: 481px){.app-title{font-size:1.4rem}}@media screen and (min-width: 769px){.app-title{font-size:2.8rem;transition:all 1.2s linear}.app-subtitle{font-size:1.2rem}}@media screen and (min-width: 1440px){.app-title{font-size:3.25rem}.app-subtitle{font-size:1.35rem}}@media screen and (min-width: 1920px){.app-title{font-size:4rem}.app-subtitle{font-size:1.75rem}}.app-subtitle.loading{animation:blink 1.5s linear infinite}@keyframes blink{0%{opacity:0}50%{opacity:.7}to{opacity:0}}main{position:relative;display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;overflow-y:hidden}#app-content{position:relative;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-bottom:var(--navbar-height);overflow-y:auto}#app-content>.row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:88%;max-width:1920px;margin-top:30px}@media screen and (min-width: 481px){#app-content>.row{width:95%}}@media screen and (min-width: 965px){#app-content>.row{flex-direction:row}}#app-content #scroll-to-top-container{z-index:2;position:fixed;bottom:20px;display:flex;flex-direction:row;justify-content:center;align-items:center}#app-content button.scroll-to-top{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:15px;margin:0;background-color:var(--primary-highlight-color);border-radius:100%;border:none;cursor:pointer;color:var(--primary-font-color)}#app-content button.scroll-to-top:hover{opacity:.7}#app-content button.scroll-to-top:active{transform:scale(.9)}#app-content button.scroll-to-top .icon{height:2em;fill:var(--primary-font-color)}.close-button{cursor:pointer;padding:.5em 1em;border:none;border-radius:1em;margin:0;color:var(--primary-font-color);font-style:custom-bold;font-size:1em;background-color:#173a5e}.close-button:hover,.close-button:active,.close-button:focus{opacity:.7}.close-button:active{transform:scale(.9)}.live-demo,.learn-more-button{color:var(--primary-font-color);font-size:.8rem;font-family:custom-regular;line-height:1;text-align:center;min-width:14ch;padding:6px 8px;border:1px solid var(--primary-highlight-color);border-radius:4px;background-color:var(--primary-color)}@media screen and (min-width: 1440px){.live-demo,.learn-more-button{font-size:1rem}}.live-demo-link,.live-demo-link:hover{color:var(--primary-font-color);text-decoration:none}.learn-more-button{color:var(--primary-font-color)}.live-demo:hover,.learn-more-button:hover,.live-demo:focus,.learn-more-button:focus{cursor:pointer;border-color:var(--primary-font-color);transition:border-color .3s ease-in-out}.live-demo:active,.learn-more-button:active{scale:.95}.circle{display:none;width:10px;height:10px;background-color:#df0000;border-radius:50%;margin-left:2px;animation:pulsate 1s ease-out;animation-iteration-count:infinite;opacity:0}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.topic{cursor:default;padding:.3em .8em;border-radius:1em;color:var(--primary-font-color);text-wrap:nowrap;font-size:.8em;background-color:var(--secondary-font-color);box-shadow:#00000036 0 10px 15px -3px,#00000073 0 4px 6px -2px}@media screen and (min-width: 801px){.topic{font-size:.85em}}@media screen and (min-width: 1920px){.topic{font-size:.95em}}
