body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #2c2a38;
    color: #f5f5f5;
    font-size: clamp(1.2rem, 1vw, 2rem);
}

#app {
    text-align: center;
}

li {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    list-style-type: none;
}

li:nth-child(even) {
    background-color: rgba(0,0,0,0.2);
    border-radius: 5px;
}

h3 {
    background-color: rgba(206, 192, 255, 0.07);
    border-radius: 5px;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
}

hr {
    border: none;
    height: 2px;
    background-color: rgba(244, 241, 255, 0.7);
    margin-top: 1rem;
    box-shadow: none;
}

button {
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    background-color: rgba(0,0,0,0.2);
    color: #f5f5f5;
    border-color: rgba(0,0,0,0.3);
    cursor: pointer;
    font-size: clamp(1.2rem, 1vw, 2rem);
}

button:hover {
    background-color: rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.2);
}