@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
#noty_layout__topLeft,#noty_layout__topRight
{
top:95px !important;	
	
}
html
{
font-family: 'Roboto', sans-serif;	
background-color:cornsilk;
}

.correct
{background:red !important;padding:0 0.2em 0 0.2em;border:1px black solid;color:white !important}

.yellow{background:yellow;color:yellow;border:1px black solid; margin-right:0.5em; }
.yellow:hover{background:red;color:yellow;border:1px black solid; margin-right:0.5em; }
#theTitle
{
margin-top:40px !important;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
#box
{
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
background:white;
min-height:500px;
width:80%;position:relative; margin:auto; border:1px black solid; padding:10px;
overflow:auto;
font-size:1em;
line-height:1.5em;
margin-bottom:5em;
}
#wordlist, #theTitle
{
background:white;
width:80%;position:relative; margin:auto; border:1px black solid; padding:10px;
font-size:1.5em;

}
#wordlist, #theTitle
{
text-align:center;	font-weight:bold;
}

#wordlist span
{
display:inline-block;
cursor:pointer;
z-index:999;
margin-right:5px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-bottom:0.5em
}
#wordlist span:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
#wordlist span:active {
	position:relative;
	top:1px;
}
	

		
		.red{background:red}
	
.but
{
padding:10px;
margin-right:5px;
background:#AC8FFD !important;
-webkit-border-radius: 5px;
color:black;
text-transform:uppercase;
-moz-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
}