@charset "utf-8";
/* CSS Document */

html {
    scroll-behavior: smooth;
}
body {
    background-color: black;
    color: white;
}
a {
	text-decoration: none;}
a:hover {
	color: lightgreen;}

label {
    color: black;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
td {
    width: 50px;
}
footer {
	width: 100%;
	bottom: 0px;
	text-align: center;
	color: white;
	font-size: 14px;
    left: 0px;
}
h6 {
    text-decoration: underline;
}

.Answers {
    font-size: 18px;
}
.btn {
    font-weight: bolder;
}
.btn-outline-primary {
    width: 50px;
    height: 50px;
    font-size: 8px;
    line-height: 50px;
}
.button-rows {
    height: 50px;
    width: 500px;
}
.list-group-item:hover {
    background-color: gray;
    transition: 0.5s linear;
}
.card:hover {
    background-color: lightgray;
}
.MathJax_Display {
    padding-left: 50px;
    text-align: left !important;
}
.Notes {
    font-family: 'Noto Music', sans-serif;
    font-size: 35px;
}
.Score {
    background-color: lightgray;
    color: black;
    margin-left: 25px;
    width: 800px;
}
#buttonD,#buttonC,#buttonE {
    width: 140px;
}
#indexCarousel,.carousel-inner,.carousel-item img {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}
#Ans, .Answers {
	color: red;}
#Email {
	width: 600px;}
#Feedback {
	color: #00FFFF;
	font-size: 22px;}
#Format,#CorrectAnswer {
    margin-bottom: 100px;
}
#Input {
	font-size: 30px;
	min-height: 40px;
	white-space: nowrap;
	width: 100px;
    text-align: center;
	margin-top: 10px;}
#Timer {
    display: none;
	text-align: right;
	font-size: 18px;}
#minutes,#seconds {
    color: white;
}
#Ready a {
	color: white;
	font-weight: bold;
	text-decoration: none;}
#Clear {
	width: 120px;}
#Problem {
    font-size: 40px;
}
#Answer {
    font-size: 24px;
}
#MathField {
    border-radius: 5px;
	min-height: 40px;
	white-space: nowrap;
	max-width: 300px;
    min-width: 300px;
	margin-top: 10px;}

#Timer {
    display: none;
}