@charset "utf-8";

body{
    background-color: hsl(60, 30%, 70%);
    color: hsl(60, 30%, 20%);
    font-family: serif;
    line-height: 1.5;
    font-size: 2rem;
}

main{
    padding: 10px;
}

details{
    border-bottom: 1px #333 dotted;
    padding: 10px;
}

summary{
    cursor: pointer;
}

summary:hover{
    opacity: 0.8;
}

li{
    border: 1px #333 dotted;
    border-radius: 2rem;
    margin-bottom: 10px;
}

a{
    display: block;
    text-align: center;

}

a:hover{
    opacity: 0.8;
}