@import url('/fonts/SignikaNegative.css');

body {
   font-family: 'Signika Negative', sans-serif;
   text-align: center;
}

main {
   margin-left: auto;
   margin-right: auto;
   max-width: 1080px;
}

h1,
h2,
h3 {
   color: #8ff7f7;
   line-height: 1.5;
}

a {
   color: #8ff7c7;
   font-size: medium;
}

section {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

aside {
   border: 1px solid #ccffcc;
   border-radius: 5px;
   width: 250px;
   margin: 1rem;
   padding: 1.25rem;
}

ul {
   padding-left: 0;
}

ul li {
   list-style-position: inside;
}

.emoji {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
}

.emoji::before {
   content: "";
   display: inline-block;
   border: 1px solid #ccffcc;
   margin-right: 1%;
   margin-bottom: 3px;
   width: 40%;
}

.emoji::after {
   content: "";
   display: inline-block;
   border: 1px solid #ccffcc;
   margin-left: 1%;
   margin-bottom: 3px;
   width: 40%;
}

a.disabled {
   color: hsl(230, 13%, 55%);
   text-decoration: line-through hsl(230, 13%, 55%) underline hsl(230, 13%, 55%);
}
@media (prefers-color-scheme: dark) {
   body {
      background-color: #0a2420;
      color: #ffffff;
   }
}