portfolio.css

.navbar {
    background-color:#268263;
}

.nav-item {
    text-align:center;
}

body {
    background-color:#ccc;
    font-family: 'Didact Gothic', sans-serif;
}

.icon {
    height: 45px;
    padding:10px;
}

footer {
    position:fixed;
    background-color: #e1e8e3;
    width: 100%;
    height: 120px;
    padding: 20px;
    bottom:0px;
    margin: 20px 0px 0px 0px;
    text-align: center
  }

a {
    color:white;
}

footer {
    height:4%;
}

.display-4 {
    margin-left:1%;
}

.lead {
    margin-left:1%;
}

.row {
    margin-right:0;
}

.page-info {
    margin-top:5%;
    margin-left:20%;
    color:black;
    background-color:#eee;
    border-radius:1%;
    opacity:0.8;
    padding-bottom:5px;
}

/*Portfolio*/

.card-deck {
    margin-right:0;
    margin-left:10px;
    margin-top:10px;
}

.card {
    opacity:0.8;
}

iframe {
    border-bottom:solid;
    border-color:black;
}


.app-link {
    color:black;
}

#portfolio-info {
    margin-left:30%;
}

.jumbotron {
    background-image:url("./Images/portfolio-background.jpg");
    background-size:100% 100%;
    background-repeat:no-repeat;
    height:775px;
}

#portfolio-info {
    margin-top:5%;
    margin-left:0;
    margin-right:60%;
    background-color:#eee;
    border-radius:1%;
    background: rgba(204, 204, 204, 0.9);
    padding-bottom:5px;
}

#oo-title {
    margin-left:41%;
}

#misc-title {
    margin-left:46%;
}

#other-container {
    height:500px;
}