body {
        background: #00416A;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, #E4E5E6, #00416A);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, #E4E5E6, #00416A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    
}

footer {
        text-align: center;
        color: #FFFFFF80;
        background-color: #133d5a;
        border-top: 1px solid #517591;
        padding: 40px;
        height: 160px;
}

a {
        font-size: x-large;
}

.card-text a {
        background-color: #CBD3D9;
        border: 2px solid #2d4b64;
        color: black;
}

/*All Website text*/
.center {
        text-align:center;
}

.text   {
        font-size: 35px;
}

.color {
        background-color: #ccd3da;
        border: 1px solid #517591;
}

.resume {
        width: 100%;
        height: 100vh;
        box-shadow: 5px 10px 8px #888888;
        border: 5px solid #517591;
}

.navstyle {
        height: 100px;
        background-color: #133d5a;
        border-bottom: 1px solid #517591;
}

.card {
        border: 2px solid #888888;
}

.contactstyle {
        background-color: #c6d8e7;
        box-shadow: 5px 10px 8px #888888;
}

/* Pictures and Contact Cards */
.contactpic {
        height: 180px;
}

.selfpic {
        margin-top: 15px;
        width: 320px; 
        height: 385px;
        border: 2px solid #517591;
        box-shadow: 5px 10px 8px #888888;
}

.centercard {
        margin: auto;
        margin-top: 20px;
}

.controls {
        background-color: black;
}

.portfolio_card {
        background-color: #c6d8e7;
        border-top: 3px solid #517591;
        box-shadow: 5px 10px 8px #888888;
}

.gif {
        height: 300px;
}


hr {
        background-color:#517591;
}


@media screen and (max-width: 315px) {
        .selfpic {
            margin-top: 15px;
            width: 220px; 
            height: 265px;
        }
      }



@media screen and (max-width: 1197px) {
        .selfpic {
            margin-top: 15px;
            width: 300px; 
            height: 365px;
        }
      }