@font-face{font-family:Pagella;src:url(/fonts/texgyrepagella-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pagella;src:url(/fonts/texgyrepagella-italic.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Pagella;src:url(/fonts/texgyrepagella-bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Pagella;src:url(/fonts/texgyrepagella-bolditalic.otf) format("opentype");font-weight:700;font-style:italic}body{margin:0;background-color:#000;color:#fff;font-family:Pagella,Palatino Linotype,Palatino,serif;font-size:18px;scrollbar-color:rgb(99,169,173) rgba(0,0,0,.221)}html,body{overscroll-behavior:none;touch-action:none;overflow:hidden}button{font-family:Pagella,Palatino Linotype,Palatino,serif}a:link{color:#9bfff7}a:visited{color:#5a52d7}#fade{background-color:#000;transition:opacity 1s ease;position:absolute;inset:0;pointer-events:none}#three{width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none;touch-action:none}#page{position:fixed;inset:0;background-color:#00000080;transition:opacity .5s ease;opacity:0;display:flex;justify-content:center;align-items:center;pointer-events:none}#page-panel{display:flex;flex-direction:column;height:100%;width:min(100%,1100px);transition:transform .5s ease;transform:translateY(50px);box-sizing:border-box;padding:10px 0;margin:0}#page-top-bar{height:50px;min-height:50px;background:linear-gradient(45deg,#ada46399 20%,#63a9ad99 80%);border-radius:5px;display:flex;align-items:center;justify-content:center;position:relative}#page-close-parent{height:100%;width:100%;position:absolute;display:flex;justify-content:flex-start}#page-close{aspect-ratio:1;min-height:0;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:3px;background-color:#0000004d;border-style:none}#page-close:hover{background-color:#0009}#page-project-info{background:linear-gradient(90deg,#000000e6,#353b23 20%,#232b3b 80%,#000000e6);display:flex;flex-direction:column;gap:4px;padding:5px 10px}#page-project-info p,#page-project-info h3{text-align:center;margin:3px}#page-project-tags{min-height:15px;display:flex;justify-content:left;flex-wrap:wrap;gap:4px;margin:3px}#page-project-links{text-align:center;display:flex;justify-content:center;align-items:center;gap:5px}#page-project-links>a{width:30px;height:30px;border-style:none;background-color:#737a7d;background-size:80%;background-repeat:no-repeat;background-position:center;cursor:pointer}#project-source-link{background-image:url(/github-white-icon.webp)}#project-demo-link{background-image:url(/play-button-round-white-icon.webp)}.category-tag,.skill-tag,#page-project-links>a{border-radius:4px}.category-tag:hover,.skill-tag:hover,#page-project-links>a:hover{filter:brightness(.7)}.category-tag:active,.skill-tag:active,#page-project-links>a:active{filter:brightness(.4)}.category-tag,.skill-tag{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-style:none;color:#fff;display:flex;align-items:center;justify-content:center;padding:3px;font-size:16px;height:30px;cursor:pointer}.category-tag{background-color:#ada463}.skill-tag{background-color:#63a9ad}#page-content-parent{flex-grow:1;overflow-y:scroll;overflow-x:hidden;background-color:#000000e6;padding:0}#page-content{padding:0 15px;text-align:center}h1,h2{margin:40px 0}h3{margin:30px 0}p{margin:25px 0}img{margin:30px 0;width:90%}.landscape-media{aspect-ratio:16/9;object-fit:cover}.content-pair-left,.content-pair-right{width:100%;margin:20px 0;display:flex;align-items:center;gap:20px}.content-pair-left{text-align:start}.content-pair-right{text-align:end}.content-pair-left>:first-child,.content-pair-right>:first-child{width:40%;margin:0}.content-pair-right>:last-child{order:-1}.content-pair-left>:last-child,.content-pair-right>:last-child{flex:1}@media (max-width: 600px){.content-pair-left,.content-pair-right{gap:0;text-align:center}.content-pair-left,.content-pair-right{flex-direction:column}.content-pair-left>:first-child,.content-pair-right>:first-child{width:100%}.content-pair-left>:last-child,.content-pair-right>:last-child{order:1;margin-bottom:40px}}.video{border:0px;margin:20px 0}.descripted-item{width:100%;margin:20px 0;text-align:center}.descripted-item p{margin:5px;font-style:italic;font-size:16px}.descripted-item>*{margin:0}.linked-descripted-item{width:100%;margin:20px 0;text-align:center}.linked-descripted-item *{margin:0 0 10px}.linked-descripted-item p{font-style:italic;font-size:16px;margin:15px 0 0}.spacer{background:linear-gradient(90deg,#0000,#fff,#0000);height:2px;width:100%;margin:50px 0}.content-carousel{position:relative}.content-carousel>:first-child{display:flex;align-items:center;overflow:hidden}.content-carousel>:first-child>:first-child>*{width:100%;margin:0;padding:0}.content-carousel>:first-child>:last-child{position:absolute;width:100%;padding:0;height:40px;display:flex;align-items:center}.content-carousel>:first-child>:last-child>*{cursor:pointer;position:absolute;width:auto;padding:10px;font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none;background-color:#0003}.content-carousel>:first-child>:last-child>*:hover{background-color:#000c}.content-carousel>:first-child>:last-child>:first-child{left:0}.content-carousel>:first-child>:last-child>:last-child{right:-1px}.content-carousel>:last-child{height:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.content-carousel>:last-child>*{height:30%;aspect-ratio:1;border-radius:50%;background-color:#fff;opacity:.2;transition:opacity .4s ease}.content-row,.content-row-small{position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.content-row{gap:15px}.content-row-small{gap:15px;justify-content:center}.content-row>*{flex:1;min-width:300px}.content-row-small *{width:200px;font-size:16px;font-style:italic}.go-to-path-link{text-shadow:#51fff1 0 0 20px,#fcffbd 0 0 8px;text-decoration:underline;color:#fff;cursor:pointer}.go-to-path-link:hover{filter:brightness(.7)}.go-to-path-link:active{filter:brightness(.4)}#tutorial{position:absolute;pointer-events:none;width:100%;top:50%;opacity:0;margin:0}#tutorial p{font-size:30px;text-shadow:#85fff5 0 0 20px;text-align:center;width:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none}@property --rotate{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-gradient{0%{--rotate: 0deg}to{--rotate: 360deg}}.demo-button{padding:5px 80px;color:#000!important;font-size:40px;border-radius:5px;background:linear-gradient(var(--rotate),rgb(213,46,255) 0%,rgb(198,203,160) 50%,rgb(99,169,173) 100%);background-size:120% 400%;background-position:center;text-decoration:none;animation:rotate-gradient;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite}