body {
    background-color: rgb(30, 30, 30);
    color: rgb(255, 255, 255);
    font-family: 'Segoe UI', sans-serif;
}

.banner {
    background: url('../img/placeholder.jpg') no-repeat center center;
    background-size: cover;
    color: rgb(255, 255, 255);
    height: 55vh;
    display: flex;
    align-items: center;
    text-shadow: 4px 4px 10px #000;
}

.banner h1 {
    font-size: 4rem;
}

.banner p {
    font-size: 1.5rem;
}

.dark-theme {
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
}

#about {
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
}

#menu {
    background-color: rgb(30, 30, 30);
    color: rgb(255, 255, 255);
}

#contact {
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
}

.profile-image {
    /* clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); */
    border-radius: 20px;
    max-height: 250px;
    object-fit: cover;
}

.menu-image {
    /* clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); */
    border-radius: 20px;
    max-height: 150px;
    object-fit: cover;
}

.contact-image {
    /* clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); */
    border-radius: 20px;
    max-height: 50px;
    object-fit: cover;
}