body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-theme=light]{--bg-color:#112757;--text-color:#f4f2f7}[data-theme=dark]{--bg-color:#000;--text-color:#fff}body{background-color:var(--bg-color);color:var(--text-color)}.App{font-family:sans-serif}.inputBox{cursor:pointer}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#0c1324;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{justify-content:center;min-width:100vw}.app,.tag-list{align-items:center;display:flex;flex-direction:column}.tag-list{flex-shrink:0;gap:1rem 0;max-width:100vw;overflow:hidden;padding:1.5rem 0;position:relative;width:60rem}.loop-slider{.inner{animation-direction:var(--direction);animation-duration:var(--duration);animation-iteration-count:infinite;animation-name:loop;animation-timing-function:linear;display:flex;width:fit-content}}.tag{align-items:center;background:#000;background:linear-gradient(90deg,#010107b3,#05064db3,#000000b3);border-radius:.4rem;box-shadow:0 .1rem .2rem #0003,0 .1rem .5rem #0000004d,0 .2rem 1.5rem #0006;color:#e2e8f0;display:flex;font-size:1.5rem;gap:0 .2rem;margin-right:1rem;padding:.7rem 1rem;span{color:#64748b;font-size:1.2rem}}.tag img{border-radius:4px;display:block;height:90px;object-fit:contain;width:200px}.fade{background:linear-gradient(90deg,#000,#0000 30%,#0000 70%,#000);inset:0;pointer-events:none;position:absolute}@keyframes loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.about-animation,.flex{align-items:center;display:flex;justify-content:center}.flex{height:80px;margin:0 -80px 0 0;width:80px}.cube{height:1px;margin:0 80px 0 0;position:relative;transform-style:preserve-3d;width:1px}.wall{border:1px solid #fff;height:80px;left:-40px;line-height:100px;position:absolute;text-align:center;top:-40px;width:80px}.front{transform:translateZ(40px)}.back{transform:translateZ(-40px) rotateY(180deg)}.right{transform:translateX(40px) rotateY(90deg)}.left{transform:translateX(-40px) rotateY(-90deg)}.top{transform:translateY(-40px) rotateX(90deg)}.bottom{transform:translateY(40px) rotateX(-90deg)}.flex:nth-of-type(4) .cube:first-of-type{animation:rotation 3s cubic-bezier(.215,.61,.355,1) .5s forwards}.flex:nth-of-type(3) .cube:first-of-type,.flex:nth-of-type(4) .cube:nth-of-type(2){animation:rotation 3s cubic-bezier(.215,.61,.355,1) .6s forwards}.flex:nth-of-type(2) .cube:first-of-type,.flex:nth-of-type(3) .cube:nth-of-type(2){animation:rotation 3s cubic-bezier(.215,.61,.355,1) .7s forwards}.flex:first-of-type .cube:first-of-type,.flex:nth-of-type(2) .cube:nth-of-type(2),.flex:nth-of-type(3) .cube:nth-of-type(3),.flex:nth-of-type(4) .cube:nth-of-type(3),.flex:nth-of-type(4) .cube:nth-of-type(4){animation:rotation 3s cubic-bezier(.215,.61,.355,1) .8s forwards}.flex:first-of-type .cube:nth-of-type(2),.flex:nth-of-type(2) .cube:nth-of-type(3),.flex:nth-of-type(3) .cube:nth-of-type(4){animation:rotation 3s cubic-bezier(.215,.61,.355,1) .9s forwards}.flex:first-of-type .cube:nth-of-type(3),.flex:nth-of-type(2) .cube:nth-of-type(4){animation:rotation 3s cubic-bezier(.215,.61,.355,1) 1s forwards}.flex:first-of-type .cube:nth-of-type(4){animation:rotation 3s cubic-bezier(.215,.61,.355,1) 1.1s forwards}@keyframes rotation{to{transform:rotateX(270deg) rotateY(270deg)}}.wall{animation:color 2s linear 1.5s forwards}@keyframes color{to{background-color:#fff}}.vs-code-container{align-items:center;background:#0000;border-radius:10px;box-shadow:0 10px 30px rgba(77,8,156,.397);color:#fff;display:flex;flex-direction:column;justify-content:center;left:50%;overflow:hidden;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.vs-code-container:after{border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid #1e1e1e;bottom:-15px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.vs-code-top-bar{background:#252526;border-radius:5px 5px 0 0;color:#fff;padding:8px 12px}.code-snippet{font-family:Courier New,monospace;padding:10px;white-space:pre-wrap}.code-line{display:block;opacity:.3;transition:opacity .3s ease-in-out}.code-line.glow{color:#0f0;opacity:1;text-shadow:0 0 10px #0f0}.string{color:#f1fa8c}.keyword{color:#8be9fd}
/*# sourceMappingURL=main.886566c9.css.map*/