body {
 background-color:black;
}

#mmI {
  font-size: 100px;
  text-align: center;
  background-color:black;
  color:mediumseagreen;
  margin: 0px ;
  border-radius: 12px ;
  border: 3px solid teal;
  box-shadow: 15px 10px 20px black;
}


#portfolio {
  font-size: 30px;
  text-align: center;
  font-family:Times ;
  background-color:black;
  border: 3px solid darkcyan;
  color:mediumseagreen;
  border-radius: 50px;
  box-shadow: 10px 10px 8px black;
  
}
#projects {
 font-weight: 900;
  font-size: 250%;
  text-align: center;
  text-decoration: underline;

}
 #contacts {
  font-weight: 900;
  font-size: 250%;
  color:teal;
  text-align: center;
  text-decoration: underline;
  background-color: black;
  padding: 10px;
  color:teal;
  border: 3px solid black;
  border-radius: 12px;
  box-shadow: 15px 10px 20px black;
}



#myself {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: block;
  border-radius: 12px;
  box-shadow: 15px 10px 20px black;
  border: 5px solid teal;
}

#space-around {
  justify-content: Space-Around;
}

#projects {
  background-color: black;
  padding: 10px;
  color:teal;
  border: 3px solid black;
  border-radius: 12px;
  box-shadow: 15px 10px 20px black;
}

#pizza {
  border: 3px solid darkcyan;
  border-radius: 12px;
   font-weight: 900;
  font-size: 250%;
  text-align: center;
  text-decoration: underline;

  
}

#links:hover {
  color:darkcyan;
  font-size: 24px;
}

#links:active {
  color: darkcyan;
}

 .container {
  flex-direction: row;
  margin-bottom: 2vh;
  background-color: teal;
  height: 25vh;
  border: 3px solid black;
  border-radius: 12px;
  box-shadow: 15px 10px 20px;
  padding-top: 5px;


}

@media (max-width: 800px) {
 .container {
  display: inline-block;
  justify-content: center;
  background-color: navy;
  margin-bottom: 2vh;
  height: 76vh;
  border: 3px solid black;
  border-radius: 12px;
  box-shadow: 15px 10px 20px;
  padding-top: 5px;
  margin-left: 120px;
  text-align: center;
  }
}

@media (min-width: 800px) {
  .container {
    display: flex;
  }
 }

@media (max-width: 800px) {
  .container {
    width: 440px;
  }
 }

@media (max-width: 800px) {
  #gmail {
    width: 440px;
  }
 }

@media (max-width: 800px) {
   #myself {
     width: 400px;
  }
  
}