* {
    padding: 0;
    border: 0;
    margin: 0;
    background-color: #1E1E1E;
    color: #fdfdfd;
    font-family: 'Georgia', serif;
}

#image {
    width: 20%;
    height: 20%;
    border-radius: 100%;
    margin: 5%;
    float: left;
}

#info {
    float: left;
    width: 70%;
}

#name {
    font-size: 6vh;
    text-align: center;
    padding-top: 10%;
}

#tagline{
    font-size: 3vh;
    font-style: italic;
    text-align: center;
    color: #a0a0a0;
}

#about {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    font-size: 2vh;
}

@media screen and (max-width: 600px) {
    * {
        padding: 0;
        border: 0;
        margin: 0;
        background-color: #1E1E1E;
        color: #fdfdfd;
        font-family: 'Georgia', serif;
    }
    
    #image {
        width: 90%;
        height: 90%;
        border-radius: 100%;
        margin: 5%;
    }
    
    #info {
        width: 90%;
        margin: 5%;
    }
    
    #name {
        font-size: 6vh;
        text-align: center;
        padding-top: 10%;
    }
    
    #tagline{
        font-size: 3vh;
        font-style: italic;
        text-align: center;
        color: #a0a0a0;
    }
    
    #about {
        text-align: center;
        padding-left: 20%;
        padding-right: 20%;
        font-size: 2vh;
    }
}