.cod {
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 30px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  box-shadow: 10rem;
  background-color: rgb(216, 168, 9);
  text-shadow: 10rem;
  border-color: rgb(148, 114, 3);
  height: 65px;
  width: 1060px;
  text-align: center;
}
.baju {
  margin-bottom: 40rem;
}
/*.pesan {
 
  border-color: rgb(255, 215, 0);
  box-shadow: 15rem;
  text-shadow: white 15px solid;
  border: rgb(255, 215, 0) 2px solid;
  font-size: 3rem;
  font-family: sans-serif bold;
}*/


.project {
  margin: 1px;
}
.body {
  background-color: black;
}
@media (min-width: 320px) and (max-width: 640px) {
  .cod {
    height: 50px;
  width: 380px;
  font-size: 1rem;
  text-align: center;
  }
  @media (min-width: 320px) and (max-width: 548px) {
  .cod {
    height: 50px;
  width: 295px;
  font-size: 1rem;
  text-align: center;
  }
  @media (min-width: 768px) and (max-width: 1024px) {
  .cod {
    height: 50px;
  width: 900px;
  font-size: 1rem;
  text-align: center;
  }