html{background:#202020;margin:0;padding:0}*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;color:#f2f2f2;font-family:Ubuntu Mono,monospace;font-weight:400;font-style:normal}#container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){#container{flex-direction:column-reverse}}#contentblocker{height:3.8rem;width:100%}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){#contentblocker{height:3rem}}#mainview{width:100%;flex-grow:1;max-width:1280px;height:100%;margin:0 auto;gap:1rem;display:flex;flex-wrap:wrap;justify-content:start}#mainview .tile-container{height:100%;margin:0 auto;gap:1rem;display:flex;flex-wrap:wrap;justify-content:start;flex-grow:1;flex-basis:0;flex-direction:column}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){#mainview .tile-container{flex-direction:row}}.tile{width:calc(100% - 3rem);height:min-content;background-color:#101212;padding:1rem;position:relative}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){.tile{width:100%}}.screenshots{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0 0;overflow:hidden;justify-content:start}.screenshot{object-fit:contain;border:1px solid #f2f2f2;max-height:10rem;max-width:100%}.info{display:flex;flex-direction:column;gap:1rem}.info span{display:flex;gap:.5rem;align-items:center;font-size:1.5rem}.info span .icon{width:1.5rem;height:1.5rem}.info span .github{margin-left:auto}.info span .github img{height:1.5rem;transition:.1s}.info span .github img:hover{filter:brightness(0) saturate(100%) invert(72%) sepia(49%) saturate(710%) hue-rotate(340deg) contrast(96%) brightness(102%)}.info .link{color:#fab03d}.info .description{white-space:pre-wrap}.contentList{display:flex;gap:1rem;justify-content:center;position:fixed;top:1rem;border-radius:16px;padding:.5rem .8rem .8rem .5rem;z-index:2}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){.contentList{gap:.5rem;padding:.25rem .5rem .5rem .25rem;bottom:1rem;top:auto}}.contentList .hidden{display:none}.contentList .item{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f2f2f2;background-color:#101212;width:max-content;padding:.5rem;overflow:hidden;position:relative;border-radius:0;transition:all .2s ease-in-out;top:0;left:0}@media screen and ((max-width: 768px) or (max-aspect-ratio: 3/4)){.contentList .item{font-size:.8rem}}.contentList .item:after{transition:.3s;content:"";position:absolute;margin-top:1.2rem;width:0%;height:.2rem;background-color:#f2f2f2;rotate:0}.contentList .item:hover:not(.disabled,.selected):nth-child(odd){rotate:3deg}.contentList .item:hover:not(.disabled,.selected):nth-child(2n){rotate:-3deg}.contentList .item:hover:not(.disabled,.selected):after{width:100%}.contentList .item.selected:after{width:100%;margin-top:0rem}.contentList .item h2{color:#f2f2f2;text-transform:uppercase;font-weight:900}.ubuntu-mono-regular{font-family:Ubuntu Mono,monospace;font-weight:400;font-style:normal}.ubuntu-mono-bold{font-family:Ubuntu Mono,monospace;font-weight:700;font-style:normal}.ubuntu-mono-regular-italic{font-family:Ubuntu Mono,monospace;font-weight:400;font-style:italic}.ubuntu-mono-bold-italic{font-family:Ubuntu Mono,monospace;font-weight:700;font-style:italic}.blob-container{height:100vh;width:100vw;display:flex;position:fixed;top:0;left:0}@keyframes first-blob{0%{border-radius:89% 11% 22% 78%/26% 66% 34% 74%}25%{border-radius:57% 43% 50% 50%/48% 47% 53% 52%}50%{border-radius:94% 6% 77% 23%/8% 50% 50% 92%}75%{border-radius:64% 36% 39% 61%/51% 60% 40% 49%}to{border-radius:89% 11% 22% 78%/26% 66% 34% 74%}}@keyframes second-blob{0%{border-radius:56% 44% 36% 64%/39% 71% 29% 61%}25%{border-radius:71% 29% 43% 57%/64% 90% 10% 36%}50%{border-radius:56% 44% 78% 22%/22% 85% 15% 78%}75%{border-radius:64% 36% 8% 92%/12% 12% 88% 88%}to{border-radius:56% 44% 36% 64%/39% 71% 29% 61%}}.blob{content:"";position:absolute;width:100vmax;height:100vmax;background:radial-gradient(circle,#fbbc5a,#f39606);animation-duration:60s;animation-iteration-count:infinite}.blob:first-child{top:-55vmax;left:-50vmax;animation-name:first-blob}.blob:last-child{top:35vmax;left:30vmax;animation-name:second-blob}
