body {
  width: 100%;
  font-family: calibri, verdana;
  background-color: lightsteelblue;   
}
img {
  width: 50%;
}
#logo {
  position: left;
  top: 15px;
  left: 16px;
  width: 25%;
}

.background {
    background-color: lightsteelblue;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover { 
    color: navy !important;
}

.dropdown-menu > li > a:hover {
    color: red;
}

.about {
  width: 88vw;
  right: 3vw;   
  background-color: white; 
  border: 0px solid silver; 
  border-radius: 0.75vw;
  box-shadow: 0.2vw 0.2vw 0.8vw cadetblue; 
}
h1, h2, h5 {
  font-family: tahoma, verdana, sans-serif; 
  color: midnightblue;
  text-align: center;
}
h1 {
  font-size: 2.5vw;
  text-shadow: 0.1vw 0.1vw 0.8vw cadetblue;
}
h2 {
  font-size: 1.75vw;
  text-shadow: 0.1vw 0.1vw 0.8vw cadetblue;
}
h5 {
  font-size: 1vw;
}

h3 {
    color: midnightblue;
}
p {
  margin-left: 1vw;
  margin-right: 1vw;
  text-align: center;
  color: darkslategrey;
  font-size: 1.2vw; 
}
div#main a {
  display: block;
  text-decoration: none;
  text-shadow: none;
  color: white;
  font-size: 1.2vw;
  border: 0;
}

.card-title {
    text-align: center;
    color: midnightblue;
}

.name {
    color: midnightblue;
}

.my-picture img {
    height: 150px;
    width: 150px;
}