.mp3-controller {
    width: 100%;
    max-width: 600px;

}

body {
    font-family: "mono";
    background-color: lightblue;
    color: purple;
}
main {
    max-width: 700px;
    margin: auto;
    line-height: 1.5;
    text-align: justify;
    padding: 15px;
}
.main-img {
    width: 100%;
}
.main-figure {
    max-width: 400px;
    margin: auto;
    margin-bottom: 50px;
}
figcaption {
    color: gray;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 25px;
    font-family: "mono";
}
h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
footer {
    margin-top: 20px;
    margin-bottom: 20px;
}
a {
    color: #8900ff;
    text-decoration: none;
}
a:hover {
    background-color: yellow;
}
.cryptpad-iframe {
    width: 100%;
    min-height: 80vh;
    margin-bottom: 20px;
}