.wrapper {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
}

.wrapper > * {
    padding: 10px;
    flex: 1 100%;
}
.h1 {
    font-size:2em;
}
.main {
    font-size: 1.2em;
}

.footer {
    margin-top: 50px;
    font-size: 0.8em;
    border-top: 1px solid;
}

.aside-1 {
    margin: 10px;
    font-size: 1em;
}

.aside-2 {
    margin: 10px;
    font-size:1em;
}

@media all and (min-width: 600px) {
    .aside { flex: 1 0 0; }
}

body {
    padding: 1em;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
}

a:link,a:visited {
    text-decoration: none;
}

a:hover,a:active {
    text-decoration: underline;
}

.bold {
  font-weight: bold;
}

html {
    color-scheme: light dark;
}

.dark {
    background: rgb(35, 38, 41);
    color: white;
}
.light {
    background: white;
    color: black;
}