body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    padding: 0;
    margin: 0;
    background: white;
    color: #555;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

main {
    font-size: 1.6rem;
    padding: 0;
    margin: 0;
    max-width: 400px;
    width: 80vw;
}

main > section {
    width: 100%;
}

.portrait {
    height: 80vw;
    max-height: 400px;
    background-image: url('./pascal-portait-logo.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.copy {
    font-size: 1.2rem;
}

.copy > p {
    margin: .2rem 2rem;
}

.copy > p:last-child {
    margin-bottom: 2rem;
}

.copy > p.first-child {
    margin-top: 2rem;
}

.social-links {
    display: flex;
    justify-content: space-around;
}

.icon {
    font-size: 1.4rem;

    text-decoration: none;
    color: #999;

    background-repeat: no-repeat;
    background-size: contain;

    padding-left: 2.5rem;
}

.icon.linkedin {
    background-image: url('./social-1_logo-linkedin.svg');

}

.icon.github {
    background-image: url('./social-1_logo-github.svg');
}

@media only screen and (max-height: 600px) {
    .copy {
        font-size: 1rem;
    }

    .copy > p {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .copy > p:last-child {
        margin-bottom: 1rem;
    }

    .copy > p.first-child {
        margin-top: 1rem;
    }
    
    .icon {
        padding-left: 1.8rem;
        font-size: 1.1rem;
    }
}