.noscriptmsg {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #CC3232;
font-family: system-ui;
}

div {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #EFEFEF;
font-family: system-ui;
margin: 2px;
}

h2 {
font-size: 32px;
font-weight: bold;
color: #FFCC52;
font-family: system-ui;
text-shadow: 3px 3px 2px #FFAA32;
}

h4 {
font-size: 24px;
font-weight: bold;
color: #FFCC52;
font-family: system-ui;
text-shadow: 3px 3px 2px #FFAA32;
}

a {
font-size: 18px;
font-weight: bold;
color: #FFAA32;
text-shadow: 1px 1px 1px #CC9912;
font-family: system-ui;
transition: color 1s, text-shadow 1s;
}

.textbox {
	width: 320px;
}

a:hover {
color: #FFFF32;
text-shadow: 1px 1px 3px #FF9912;
font-family: system-ui;
}

button {
font-size: 24px;
font-weight: bold;
background-color: #FFAA32;
color: #FFFFFF;
text-shadow: 1px 1px 1px #CC9912;
font-family: system-ui;
border: none;
border-radius: 8px;
width: 240 px;
height: 32 px;
cursor: pointer;
}

.button {
font-size: 24px;
font-weight: bold;
background-color: #FFAA32;
color: #FFFFFF;
text-shadow: 1px 1px 1px #CC9912;
font-family: system-ui;
border: none;
border-radius: 8px;
width: 240 px;
height: 32 px;
cursor: pointer;
margin: 8px;
text-decoration:none;
padding: 4px 8px;
transition: box-shadow .5s, background-color 1s, color 1s;
}

.button:hover {
background-color: #FFFF32;
color: #000000;
box-shadow: 3px 3px 2px #424242;
}

.red-button {
font-size: 24px;
font-weight: bold;
background-color: #CC3232;
color: #FFFFFF;
text-shadow: 1px 1px 1px #991111;
font-family: system-ui;
border: none;
border-radius: 8px;
width: 240 px;
height: 32 px;
cursor: pointer;
margin: 8px;
text-decoration:none;
padding: 4px 8px;
transition: background-color 1s;
}

.red-button:hover {
background-color: #323232;
color: #AA0000;
}