@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--bg-color: rgb(39, 35, 56);--panel-color: rgb(66, 59, 90)}body{background-color:var(--bg-color)}main{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Open Sans}.view{display:flex;flex-direction:column;justify-content:center;align-content:center;width:clamp(200px,50%,600px)}.panel{background-color:var(--panel-color);padding:20px;margin:10px;display:flex;flex-direction:column;align-items:center;border-radius:25px}.panel>h1,p{margin:0;padding:0 0 10px}.panel>p{margin:0;padding:0 0 10px}h1,p,span,label{color:#fff}.error{color:#ff2c2c;font-weight:700}.card{position:relative;display:inline-block;text-align:center;border-style:solid;margin:auto;background-color:var(--panel-color)}.selected{border-color:#00f;background-color:#7eabff}.friend-menu{position:relative;justify-content:center;min-width:200px;max-width:900px;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,200px));gap:10px}.game-card{position:relative;display:flex;border-style:solid;width:auto;height:auto;align-items:center;background-color:var(--panel-color)}.game-card img{max-height:32px;max-width:32px}.game-card span{padding:4px;margin:auto}.head{margin-bottom:1fr}.card-container{position:relative;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}