body,
html {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
}

p {
        font-size: medium;
        line-height: 1.5;
}

.page {
        display: flex;
        flex-direction: column;
        height: 200%;
        transition: transform 0.45s ease-in-out;
}

.section {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2em;
        height: 100vh;
}

#about .image {
        width: 25%;
        height: 100%;
        display: grid;
        place-items: center;
}

#about .text {
        width: 60%;
        height: 100%;
        display: grid;
        place-items: center;
        text-align: left;
}

#about .text p {
        width: 80%;
}

#contact {
        flex-direction: column !important;
        justify-content: space-between !important;
        background-color: black;
        color: white;
        height: 100vh;
}

#contact .top {
        display: flex;
        justify-content: center;
        align-items: flex-start;
}

#contact .mail {
        display: flex;
        justify-content: center;
        align-items: center;
}

#contact .mail a {
        color: white;
        text-decoration: none;
}

#contact .copyright {
        margin-bottom: 30px;
        font-size: small;
        color: #444;
        display: flex;
        justify-content: center;
        align-items: flex-end;
}