body {
    margin: 0;
    background-color: #f5bb00;
}
#intro {
    position: fixed;
    top: -24%; left: 0;
    width: 100%; height: 120%;

    background-color: #2e933c;
    /*Hexagonal bottom-sillouhette shape*/
    clip-path: polygon(
        0 0,
        100% 0,
        100% 85%,
        50% 100%,
        0 85%
    );

    animation: slideUp 1s ease-in-out forwards;
    z-index: 1000;
}
@keyframes slideUp {
    from {
        transform: translateY(+020%);
    }
    to {
        transform: translateY(-100%);
    }
}