@media (min-width: 768px) {

.presentation {    
    max-width: 75%;
    margin-top: 5em;
    margin-right: auto;
    margin-left: auto;
    padding: 1.5em;
    background-color: rgba(248, 248, 255, 0.9);
    border-radius: 0.5em;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    color: #333;
}

.darkmode .presentation {
    background-color: #2c3e50;
    color: #e0e0e0;
}

.presentation h1 {
    color: #2c3e50;
    font-size: 4em;
    }

.darkmode .presentation h1 {
    color: #f0f0f0;
}

.presentation .description p {
    color: #555;
    font-size: 1.25em;
}

.darkmode .presentation .description p {
    color: #ccc;
}

.presentation .description p span {
    color: #e67e22;
    font-weight: bold;
}

.darkmode span {
    background-color:#2c3e50;
}

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

a:hover {
    text-decoration: underline;
}

}