:root{--dark-purple: #615e85;--light-green: #a3d1af;--dark-blue: #717fb0;--orange: #ebc3a7;--purple: #9c8dc2;--blue: #90b4de;--pink: #d9a3cd;--whiteish: #e0e0dc}@font-face{font-family:JetBrainsMono;src:url(JetBrainsMono-Regular.ttf)}html,body{margin:0;padding:0;width:100%;height:100%}div{font-family:JetBrainsMono}h{font-size:2.5rem}p{font-size:1.5rem}canvas{position:fixed;left:0;top:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;display:block;width:100%;height:100%}#info{position:absolute;top:10px;width:100%;text-align:center;z-index:100;display:block;color:var(--light-green)}.button88x31{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;width:88px;height:31px}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0}.main{width:60%;height:60%;border:4px dashed var(--pink);background-color:var(--blue)}#friends{flex-wrap:wrap;justify-content:space-around}
