@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Outfit&display=swap);#botcontainer,#topcontainer{background-color:var(--dark-nbar-bg-color);display:flex}.fti,.nbt{font-family:JetBrains Mono,monospace;color:var(--dark-nbar-text-color)}#fti1,.nbt{user-select:none}#bigcirclecontainer,#smolpoto{width:100%;height:100%}#smolpoto,.fti,.nbt{height:100%}#nbi2,#nbi4,#nbi5,.card{cursor:pointer}#ccontainer,#welcome{width:95%;height:95%}#boardcode,#cng,#usrnme{outline:0;padding:4px;background-color:#fff}#cng,.card{transition-duration:.2s}:root{--dark-nbar-border-color:#7d7d7d;--dark-nbar-bg-color:#424242;--dark-nbar-text-color:#878787;--dark-mcnt-bg-color:#1c1c1c;--dark-mcnt-big-circle-bg-color:#fff;--dark-card-bg-color:#808080}#maincontainer,body,html{height:100vh;width:100vw;margin:0;overflow:hidden}#maincontainer{display:flex;flex-direction:column}#topcontainer{height:40px;flex-direction:row;border-bottom:2px solid var(--dark-nbar-border-color)}#midcontainer{flex-grow:1;background-color:var(--dark-mcnt-bg-color);justify-content:center;display:flex;align-items:center}#botcontainer{height:30px;flex-direction:row;border-top:2px solid var(--dark-nbar-border-color)}.nbt{border-left:1px solid var(--dark-nbar-border-color);border-right:1px solid var(--dark-nbar-border-color);flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:25px}#bigcirclecontainer,#fti1{align-items:center;display:flex}.fti{width:100px}#boardcode,#cng,#datatest1,#datatest2,#usrnme,#welcome,.card{font-family:Outfit,sans}#fti1{justify-content:center}@media (orientation:landscape){#bigcircle{width:75vh;height:75vh}}@media (orientation:portrait){#bigcircle{width:75vw;height:75vw}}#bigcirclecontainer{justify-content:center}#loadedaudiocontainer{display:none}#datatest1,#datatest2{position:absolute;color:#fff}#datatest2{margin-top:15px}#bigcircle{background-color:var(--dark-mcnt-big-circle-bg-color);border-radius:100%;display:flex;align-items:center;justify-content:center}.rotating{animation:2s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.card{flex-grow:1;flex-shrink:1;flex-basis:20%;box-sizing:border-box;max-width:20%;background-color:var(--dark-card-bg-color);border:2px solid var(--dark-nbar-bg-color);padding:10px;display:flex;align-items:center;justify-content:center;font-size:25px;text-align:center}#ccontainer{display:flex;flex-wrap:wrap}#welcome{display:flex;flex-direction:column;align-items:center;color:#fff}.dn{display:none!important}.wt{font-size:40px}#wcer1{color:red}.welcometx,.welcometx2,.welcometx3,.welcometx4{display:block;margin-top:30px!important}.wcinp1,.wcinp2,.wcinp3,.welcometx2,.welcometx3,.welcometx4{font-size:20px}#boardcode,#cng,#usrnme{border:2px solid #fff;border-radius:8px}#cng:hover{background-color:#f0f0f0}#cng:active{transform:translateY(4px)}.r{background-color:#ff4d4d}.b{background-color:#5c5cff}.n{background-color:grey}.rb{background:linear-gradient(to bottom right,#ff4d4d,#ff4d4d,#5c5cff,#5c5cff)}#opponent{border-radius:4px;padding:1px;color:#fff}