* {
    font-family: 'Vollkorn', sans-serif;
    text-decoration: none;
    font-weight: 900;
}

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

.container {
    text-align: left;
    margin-top: 50px;
    margin-left: 50px;
    font-size: 5em;
}
.space {
    margin-bottom: 20px;
}
.name {
    background-color: #252525;
    color: #ffffff;
    box-shadow: 6px 6px 0 2px rgba(0, 0, 0, .4);
}
a {
    color: #252525;
}
.artist {
    background-color: #FCA7DB;
    box-shadow: 6px 6px 0 2px rgba(0, 0, 0, .4);
}
.inventor {
    background-color: #98F5FF;
    box-shadow: 6px 6px 0 2px rgba(0, 0, 0, .4);
}
.writer {
    background-color: #FFFF6E;
    box-shadow: 6px 6px 0 2px rgba(0, 0, 0, .4);
}
.employee {
    background-color: #C7FF8B;
    box-shadow: 6px 6px 0 2px rgba(0, 0, 0, .4);
}

@media only screen and (max-width: 700px) {
    .container{
        margin-top: 50px;
        font-size: 4em;
    }
}
@media only screen and (max-width: 550px) {
    .container {
        margin-top: 50px;
        font-size: 3em;
    }
}
@media only screen and (max-width: 450px) {
    .container {
        margin-top: 50px;
        font-size: 2.5em;
    }
}
@media only screen and (max-width: 375px) {
    .container {
        margin-top: 50px;
        font-size: 1.8em;
    }
}