body.dark-mode #project-link a {
    color: white;
}

body.dark-mode h4 {
    color: #4ca1af;
}

main {
    gap: 8px;
}

main h4 {
    color: rgb(88, 88, 254);
}

main h2 {
    width: 25%;
}

#presentation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#presentation p {
    width: 45%;
    text-align: justify;
}

#presentation-img {
    width: 55%;
    display: flex;
    justify-content: flex-end;
}

#presentation-img img {
    border-radius: 16px;
    height: 352px;
}

#project-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    border-radius: 2cm;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#project-link a {
    text-align: center;
    padding: 8px;
}

#project-link:hover {
    cursor: pointer;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.5);
    transform: translateY(-8px);
}

/* Responsive */

@media (max-width: 1180px) {
    
}