/* Prefer border-box */
* {
  box-sizing: border-box;
}
html {
  font-family: "Roboto", sans-serif;
  margin: 0;
  min-height: 100%;
}
/* General body settings */
body {
  margin: 0.5em auto;
  max-width: 75%;
  min-height: 100%;
  font-family: "Roboto", sans-serif;
  padding: 1rem;
  color: #DDD;
  background-color: #1F2D3D;
}
h1, h2 {
  text-align: center;
  margin-top: 0.67em;
  margin-bottom: 0.50em;
}
img {
  display: block;
}
.center {
  text-align: center;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
}
.bullet {
  list-style-type: disc;
}
.outline {
  border: 1px solid #09DDB9;
  border-radius: 4px;
}
.container {
  padding-left: 1em;
  padding-right: 1em;
}
#totop {
  display: block;
  position: fixed;
  bottom: 1em;
  right: 12.5%;
  margin-right: 0.50em;
  filter: drop-shadow(1px 1px 2px #DDD);
}
#totop a:link {
  font-size: 2.5em;
  text-decoration: none;
  color: #551a8b;
}
#totop a:visited {
  font-size: 2.5em;
  text-decoration: none;
  color: #551a8b;
}
#totop a:hover {
  font-size: 2.5em;
  text-decoration: none;
  color: #0000ee;
}
#totop a:active {
  font-size: 2.5em;
  text-decoration: none;
  color: #134d9d;
}
textarea {
  position: absolute;
  left: -100%;
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}