body {
    background-color: #558FC7;
    color: #e6e6e6;
}
.company {
    text-transform: uppercase;
    font-weight: bold;
    float: left;   
}
.employed {
    font-style: italic;
    float: right;
}
.jumbotron {
    color: #e6e6e6;
    background-image: url("../img/bg1.png");
    background-repeat:  no-repeat;
    background-size: 100% 100%;
}
.header-card {
    background-color: #417898 !important;
    font-weight: 100;
}
.name-shadow {
    text-shadow: 4px 4px 0px #2c2c2c, 7px 7px 0px rgba(0, 0, 0, 0.2);
}
.header-shadow {
    text-shadow: 2px 2px 0px #2c2c2c, 4px 4px 0px rgba(0, 0, 0, 0.2);
}
.header-card-item {
    margin-bottom: 15px;
}
a, a:visited {
    color: #e6e6e6;
}
a:hover, a:active {
    color: rgb(151, 151, 151);
    text-decoration: none;
}
.card {
    background-color: #3177BA;
}
.sample {
    background-color: #3177BA;
}
.scroll-in {
    animation: 
        scrolling 0.85s steps(30, end);
}
@keyframes scrolling {
    from {
        transform: translateY(-20%);
        opacity: 0;
        }
    to {
        transform: translateY(0);
        opacity: 1;
        }
}