* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    background-color: #000;
    font-family: 'Roboto', sans-serif;
    color:#fff;
    padding: 2rem;
}

#background {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.about img {
    width: 100%;
    height: auto;
    margin-bottom: -7rem;
}

.about p{
    font-size: 1.5rem;
    max-width: 50%;
    text-align: justify;
    padding-left: 1rem;
    text-shadow: 2px 2px #000;
}

@media only screen and (max-width: 768px) {
    .about img {
        margin-bottom: 2rem;
    }
    .about p {
        font-size: 1.25rem;
        max-width: 100%;
    }
}

footer {
    position: fixed;
    bottom: 3rem;
    text-shadow: 2px 2px #000;
    & a {
        color: inherit;
        position: inherit;
    }
    & #email {
        text-decoration: underline;
        left: 2rem;
    }
    & #linkedin {
        text-decoration: none;
        right: 2rem;
    }
}