main {
	display:block;
	justify-content: center;
	align-items: center;
}

.quote-sign {
	font-style: italic;
    display:inline;
}

.field {
	font-family: Times New Roman;
	font-style: italic;
	color: rgb(255,82,80);
    display:inline;
}

.box {
	margin:30px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
    width:85vw;
    max-width:600px;
	text-align:center;

	/*background: #252530;*/
	background: linear-gradient(0deg, #252530 0%, #282838 100%);
	border-radius: 6px;
	box-shadow: 0px 0px 20px rgb(0,0,0,20%);
}

#explanation-box {
	background: rgba(37, 37, 48, .3);
}

#explanation {
    font-size: 18px;
    color: gray;
}

/*------------------------------------*/

@media screen and (max-width: 768px) {
    .field {
        font-size:20px;
    }
    .box {
        padding:10px;
    }
    #expressionTitle {
        font-size:24px;
    }
}