html {
	padding: 10px
}

@font-face {
	font-family: "Open Sans";
	src: url(https://static.igem.wiki/teams/4179/wiki/igem-game/static/media/opensans-variablefont-wdth-wght-ceb05254.ttf) format("ttf");
	font-weight: 700;
	font-display: swap
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Open Sans";
	font-weight: 400
}

h2 {
	position: relative;
	margin-top: 1em;
	margin-bottom: .5em
}

body {
	background-image: url(https://static.igem.wiki/teams/4179/wiki/igem-game/static/media/bg-bde83148.jpg);
	background-size: 100vw
}

.explanation {
	font-size: 1.2em;
	margin: auto
}

.bottomElement {
	height: 3em
}

.container {
	padding: 1em;
	background-color: hsla(0, 0%, 100%, .7);
	border-radius: 15px
}

.base-input {
	width: 2em;
	height: 2em;
	margin: 1em .3em;
	text-align: center
}

input {
	background-color: transparent;
	font-weight: 700;
	border: 3px solid #000;
	font-size: 2em
}

ul {
	list-style: none;
	padding: 0
}

.resultsSeperator {
	margin-top: 3em
}

.hintButton {
	margin-left: 10px
}

.col-3 {
	border-left: 1px dotted #000
}

.geneOutline {
	width: 28em;
	height: 10em;
	background-image: url(https://static.igem.wiki/teams/4179/wiki/igem-game/static/media/puzzle-outline-471b82e4.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 3em auto .5em
}

.margin0 {
	margin-left: .6em
}

.margin0,
.margin1 {
	padding: 0;
	width: 7em
}

.margin1 {
	margin-left: 1.8em
}

.margin2 {
	padding: 0;
	margin-right: .6em
}

h3,
h4 {
	margin: 1em
}

button {
	margin: 1em auto
}

.scientist {
	background-image: url(https://static.igem.wiki/teams/4179/wiki/igem-game/static/media/scientist-1fd71215.png);
	background-size: cover;
	height: 300px;
	width: 300px;
	margin-bottom: 1.5em
}