@import url('https://api.fonts.coollabs.io/css2?family=Noto+Serif:ital,wght@0,400;0,600;1,400;1,600&display=swap');
body {
	font-size: 150%;
	font-family: 'Noto Serif', serif;
}
.word {
	margin: auto;
	text-align: center;
	margin-bottom: 1.25em;
	font-weight: 600;
}
hr {
	width: 70%;
	margin: auto;
}
.options {
	width: 70%;
	margin: auto;
}
.table {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	place-items: start center;
	margin-left: 20%;
	margin-right: 20%;
}
.column {
	display: grid;
	grid-template-rows: repeat(auto-fit, auto); 
	margin-bottom: 1.25em;
}
.row {
	display: grid;
	grid-template-columns: 2em 5em auto;
	grid-column-gap: 1em;
}
.cell {
	place-self: center;
	width: 100%;
}
input[type=text] {
	display: block;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #eee;
	padding: .25em;
	outline: none;
	font-size: 100%;
	font-family: 'Noto Serif', serif;
}
input[type=text]:hover {
	border-bottom: 1px solid grey;
}
.answer {
	color: grey
}
.table-options {
	margin-left: 20%;
	margin-right: 20%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	place-items: start center;
	row-gap: 1em;
}
.column-options {
	display: grid;
	grid-template-rows: repeat(auto-fill, auto); 
}
.row-options {
	display: grid;
	grid-template-columns: .2fr 1fr;
	place-items: end start;
}
.check {
	display: block;
	margin: auto;
	width: auto;
    padding: 5px;
    font-size: 100%;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #eee;
    background: white;
    color: #cccccc;
    margin-top: .5em;
    margin-bottom: .5em;
    font-family: 'Noto Serif', serif;
}
.check:hover {
	color: black;
	border-bottom: 1px solid grey;
}
.results {
	text-align: right;
}
.header-options {
	font-weight: 600;
}
input[type=checkbox], input[type=radio]{
	transform: scale(1.25);
	vertical-align: text-middle;
}
@media only screen and (max-width: 1080px) {
	body {
		font-size: 125%;
	}
	.table {
		margin-left: 0%;
		margin-right: 0%;
	}
	.options {
		width: 100%;
	}
	.table-options {
		place-items: start start;
		margin-left: 0%;
		margin-right: 0%;
	}
}