@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
.card-subtitle {
    overflow: inherit !important;
    margin-bottom: 10px;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
}
.resume {
    font-weight: bold;
    margin-top: 20px;
}
.card-img-top {
    margin-top: 0px !important;
    width: 100%;
    height: auto;
}

.photo {
    height: 360px;
}

.element {
    margin-top: 15px;
}

.ginger {
    display: inline;
    float: left;
}

.card {
    -webkit-box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.37);
}

.jummy {
    height: 91vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #161122 21px, transparent 1%) center, linear-gradient(#161122 21px, transparent 1%) center, #a799cc;
    background-size: 22px 22px;
}

.cards {
    background-color: #FFFFF8;
}

footer {
    height: 20vh;
    background-color: #2D2D44;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

h3 a {
    color: white !important;
}

h3 a:hover {
    text-decoration: none;
}

h5 a {
    color: #98fb98 !important;
}

h5 {
    color: white !important;
}

h5 a:hover {
    text-decoration: none;
}

.cards .container .row .col-md-4 .card .card-block .card-title {
    font-weight: bold;
}

progress {
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 10000;
    font-size: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
}

progress::-webkit-progress-bar {
    background-color: transparent;
    height: 0.5vh;
    min-height: 3px;
}

progress::-webkit-progress-value {
    background-color: #2196f3;
    height: 0.5vh;
    min-height: 3px;
    transition: all 0.1s;
}

progress::-moz-progress-bar {
    background-color: #2196f3;
    transition: all 0.1s;
}