#cascade {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.element {
    width: 100%;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem 0rem 2rem 0rem;
}

.preselement {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

#title {
    font: 5rem "Be Vietnam Pro", Helvetica, Arial, serif;
    letter-spacing: 1rem;
    margin-bottom: 1rem;
}

#projects {
    background-image: url("https://www.hermes-space.com/assets/images/backgrounds/gallery.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    min-height: calc(100vh - 89px);
}

#presentation {
    padding: 5rem 6rem 12rem 6rem;
    width: 84vw;
}

#godown {
    width: 100%;
    background-color: #00000080;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    font: 1.5rem "Iceland", Helvetica, Arial, serif;
    padding: 2rem 0rem 2rem 0rem;
    bottom: 0px;
}

#godown:hover {
    color: #e8502b;
}

#godown:hover img {
    filter: invert(44%) sepia(25%) saturate(7497%) hue-rotate(346deg) brightness(95%) contrast(92%);
}

#arrow {
    width: min-content;
    display: flex;
    flex-direction: row;
}

#arrow img {
    height: 2rem;
    width: auto;
}

button:hover {
    border-color: #e8502b;
}

#gallery {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vh;
    margin: 2vh 0 5vh 0;
}