body{
  background-color: #0B0C10;
  color: #27c3f3;
  font-family: 'Muli', sans-serif;
}

nav{
  background-color: #033453;
  padding: 0.3%;
}

nav .navLinks {
  width: 90%;
  text-align: center;
}

nav .navLinksHome {
  width: 100%;
  text-align: center;
}

nav a{
  margin-left: 0.7%;
  margin-right: 0.7%;
  padding: 0.2%;
}

nav .navName h3{
  display: inline-block;
  margin: 0% 0% 0% 0.5%;
  float: left;
}

a{
  text-decoration: none;
  text-decoration-color: #0B0C10;
  color: #27c3f3;
}

.thumbnail{
  margin-top: 2%;
  height: 400px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

.thumbnailMiddle{
  margin-top: 2%;
  height: 400px;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}


.thumbnail img{
  background-size: cover;
  width: inherit;
  height: inherit;
  padding-left: 5px;
}

footer{
  background-color: #033453;
  text-align: center;
  bottom: 0;
  width: 100%;
  margin-top: 5%;
  overflow: hidden;
}

footer img{
  height: 3.4%;
  width: 3.4%;
}

#container{
  margin: 0 auto;
  text-align: center;
}

#myPhoto{
  height: 100%;
  width: 24%;
  float: left;
  margin: 3.5% 0% 0% 10%;
  border: 2px solid #0C7185;
  border-radius: 1%;
  background-color: #033453;
}

#schoolProj{
  overflow: hidden;
}

#personalProj{
  overflow: hidden;
}

.subjects{
  width: 46.5%;
  background-color: #033453;
  float: right;
  text-align: left;
  display: inline;
  margin: 1.4% 10% 1.4% 0%;
}

.subjects h2{
  text-align: center;
}

.subjects p{
  margin: 1.5% 1.5% 1.5% 1.5%;
}

.leftSideProjects, .rightSideProjects, .middleProjects{
  border: 5px solid #0C7185;
  border-radius: 5px;
  background-color: #033453;
  height: 530px;
}

.leftSideProjects{
  width: 30.5%;
  margin: 0.6% 0% 0% 16.5%;
  float:left;
  display:inline;
}

.rightSideProjects{
  width: 30.5%;
  margin: 0.6% 16.5% 0% 0%;
  float:right;
  display:inline;
}

.middleProjects{
  width: 66.2%;
  margin: 0.5% 0% 0.5% 16.55%;
  float:left;
  display:inline;
}

.GameMoment{
  margin-top: 10px;
  height: 400px;
  width: 650px;
}

.middleProject{
  width: 66.2%;
  margin: 10px 0px 10px 250px;
  float:left; display:inline;
  border: 5px solid #1F2833;
  border-radius: 5px;
  background-color: #033453;
  height: 100%;
}

.middleProject img{
  margin-top: 10px;
  height: 400px;
  width: 650px;
}

.middleProject p{
  display: inline;
}

.middleProject h3{
  display: inline;
}

.middleProject a{
  display: inline;
  text-decoration: underline;
}

.information{
  width: 650px;
  display:inline;
  float:left;
  text-align: left;
  margin: 10px 0px 10px 175px;
}

.engineLogos{
  margin: -10px 0px 0px 0px;
  height: 50px;
  width: auto;
}

.engineLogosHome{
  margin: 0px 10px 0px 20px;
  height: 25px;
  width: auto;
  position: absolute;
}

.mobileScreen, .GameMoment{
  width: auto !important;
}