@font-face{font-family:GoogleSans;src:url("./media/GoogleSans-AWBRUV6Z.ttf") format("truetype");font-weight:400;font-style:normal}html,body{margin:0;height:100%;width:100%;overflow:hidden;background-color:#000;font-family:GoogleSans;box-sizing:border-box;color:#fff;font-size:16px}*{padding:0;margin:0;box-sizing:border-box}:root{--border-radius: 1rem;--transition-duration: .3s;--dark-transparent-color: #000000CC;--font-weight: 700;--element-size: 4rem}button{display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:var(--border-radius);transition:all var(--transition-duration) ease;background-color:var(--dark-transparent-color);color:#fff;cursor:pointer;font-weight:var(--font-weight);height:var(--element-size);border:none;outline:none}button.square{width:var(--element-size);height:var(--element-size)}button.square:focus,button.square:hover,button.square:active{transform:scale(1.1)}button:focus,button:hover,button:active{transform:scale(1.05);background-color:#fff;color:#000}