body {
    font-family: 'Helvetica', 'Arial', sans-serif;
    max-width: 600px; 
    margin: 5% auto;
    background-color: #1b182e;
    padding: 0 10px;
}

h1, h2, h3 {
    padding: 0.1rem;
    text-align: center;
    color: #d4caff;
}

p, ul, li {
    padding: 0.1rem;
    text-align: justify;
    color: #d4caff;
}

.boxed {
    border: 3px solid #d4caff;
    padding: 0.5rem;
    margin: 1rem 0;
}

.boxedTitle {
    border: 2px solid #d4caff;
    border-style: dashed;   
    padding: 0.5rem;
    margin: 0px 0;
}

.boxedTitle:hover {
    border: 2px solid #ffffff;
    border-style: dashed;   
    padding: 0.5rem;
    margin: 0px 0;
}

audio {
    display: block;
    margin: 1rem auto;
}

a {
    color: #d4caff;
    text-decoration: none;
}

.linksInText {
    color:#9b84ff;
    text-decoration: underline;
}