img{
    width:150px;
    height:auto;
}

body {
  background-color: skyblue;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* CSS for navigation bar */

.navbar {
  top: 0;
  width: 100%;
  height: 7%;
  z-index: 10;

  display: flex;
  align-items: center;

  background-color: #1d72b2;
  color: white;
  padding: 0px 0px;
}

.nav-list {
  display: flex;
  flex-direction: row;
  list-style: none;
}

.navbar a {
  color: white;
  font-weight: bold;
  margin: 0 12px;
  margin-left:100px;
  text-decoration: none;
  letter-spacing: 2px;
}

.navbar a:hover{
    color: yellow;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1d72b2;
  color: white;
  bottom: 0;
  width: 100%;
  height:40px;
  position: fixed;
  z-index:1000;
}

label{
    display:block;
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding:10px;
  margin-bottom:15px;
  font-size: 16px;
}

.entry{
    width:100%;
}

.entry-info{
    font-size:12px;
}

.project {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:center;
}

.project-name{
    font-size:large;
    font-weight:bold;
}

.project-details {
  display: flex;
  flex-direction:column;
  overflow: scroll;
  text-align: center;
  justify-content: center;

}

.resume {
  margin: 0 auto;
  padding: 15px;
}

.section-title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1a202c;
}

.entry {
  margin-bottom: 1.25rem;
}

.entry-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2b6cb0;
}

.entry-info {
  font-size:12px;
}

.entry-description {
  margin: 0;
  font-size:10px;

}

h1{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

ul{
    padding:5px;
    width:80px;
}

li{
    color: #2b6cb0;
}