@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(raleway-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(raleway.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.flashes {
	text-align: center;
	border: 1px solid #1EAEDB;
}

footer {
	width: 100%;
	height: 1%;
	text-align: center;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

li {
	margin-bottom: 0;
}

details > summary:before {
	content: "▶ ";
}
details[open] > summary:before {
	content: "▼ ";
}

.fakelink {
	color: #1EAEDB;
}
.fakelink:hover {
	text-decoration: underline;
}

.hover {
	background-color: #f1f1f1;
}

.main-header {
	background: #f4f7fb;
	width: 100%;
	height: 5rem;
	margin-bottom: 5rem;
}

.logo {
	margin-top: 2rem;
	height: 7rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 7rem;
}

.shadowed-box {
	box-shadow: 0 0 7px 1px rgba(223,215,215,0.75);
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 3px;
	width: 50vw;
}