#can {
	margin-left : 10%;
}

#interface {
	text-align: center;
	font-family: "Verdana";
    z-index: 1;
}

#accounts {
	text-align: right;
	font-family: "Verdana";
    z-index: 1;
}

.popup {
    position: fixed;
    left: 30%;
    top: 20%;
    width: 40%;
    height: 30%;
    text-align: center;
	font-family: "Verdana";
    padding: 30px;
    background-color: white;
    border: 2px solid #6699ff;
    z-index: 3;
}

#bgpopup {
    position: fixed;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    z-index: 2;
}

.bigText {
	font-size: 30px;
}

.uText {
    font-size: 20px;
	text-decoration: underline;
}


.error {
	font-size: 26px;
    color: red;
}

.answerInput {
	border: 2px solid rgb(51, 113, 255);
    border-radius: 6px;
	font-family: "Verdana";
	color: rgb(51, 113, 255);
	text-align: center;
}

.userNameInput {
	border: 1px solid black;
    border-radius: 2px;
	font-family: "Verdana";
	color: black;
	text-align: left;
}

.important {
	color: rgb(51, 113, 255);
}

.niceButton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.niceButton2 {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.menuButton {
    background-color: #6699ff; /* Blue */
    color: white;
	border: 2px solid #1a66ff;
}

.menuButton:hover {
	background-color: white;
    color: black;
	border: 2px solid #1a66ff;
}

.againButton {
    background-color: #4CAF50; /* Green */
    color: white;
	border: 2px solid #2C8F30;
}

.againButton:hover {
	background-color: white;
    color: black;
	border: 2px solid #2C8F30;
}

.easyButton {
    background-color: #4CAF50; /* Green */
    color: white;
	border: 2px solid #2C8F30;
}

.easyButton:hover {
	background-color: white;
    color: black;
	border: 2px solid #2C8F30;
}

.mediumButton {
    background-color: #e9a910; /* Orange */
    color: white;
	border: 2px solid #be8a0d;
}

.mediumButton:hover {
	background-color: white;
    color: black;
	border: 2px solid #be8a0d;
}

.hardButton {
    background-color: #e93f10; /* Red */
    color: white;
	border: 2px solid #c0340d;
}

.hardButton:hover {
	background-color: white;
    color: black;
	border: 2px solid #c0340d;
}