@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
*{ padding:0; margin:0; }
body{ font-family:'Noto Sans',sans-serif; font-size:12pt; background:#333; }
.container{
	margin:0 auto;
	width:100%;
	max-width:23.5em;
	position:relative;
}

.join_code input{ font-size:7.5em; display:block; width:95%; text-align:center; text-transform:uppercase; margin:1em auto; border:2px solid #666; border-radius:0.3em; }

.join_as button{ font-size:7.5em; display:block; width:50%; text-align:center; border:2px solid #666; border-radius:0.3em; margin:1em auto 0.2em auto; }
.join_as input{ font-size:3em; display:block; width:95%; text-align:left; margin:0 auto; border:2px solid #666; padding:0.2em; border-radius:0.3em; }

.join_as>div.clickable{
	background:#EEE;
	border:1px solid #CCC;
	border-radius:0.5em;
	padding:1em;
	text-align:center;
	margin:1.7em auto;
	width:80%;
	cursor:pointer;
}