*{
  text-align: center;
  font-family: monospace;
  color: whitesmoke;
  font-size: 24px;
  margin: auto;
  padding: 10px;
}

/* HOME */

.homepage {
  background-color: rgb(0, 0, 0);
  background-image: url(/images/baldjouejoue-mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.homepage-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 200px;
}

header a {
  text-decoration: none;
}

.orbit-button {
  background-color: rgb(77, 47, 210);
  font-weight: lighter;
  text-decoration: none;
}

.orbit-button:hover {
  background-color: rgb(56, 103, 87);
  cursor: pointer;
}

/* FOOTER */

.footer {
  margin-top: 200px;
  margin-bottom: -200px;
}

.footer p {
  font-size: smaller;
}

/* ABOUT */

.avi {
  height: 300px;
  width: 300px;
  border-radius: 100px;
}

.about-page {
  background-color: rgb(81, 92, 33);
}

/* BLOG */

.blog-page {
  background-color: rgb(160, 72, 150);
  display: flex;
  flex-direction: column;
}

.blog-post {
  color: rgb(0, 0, 0);
  background-color: rgb(94, 101, 199);
}

.blog-post-pic {
  height: 200px;
  width: 200px;
  border-radius: 100px;
}

article {
  border: whitesmoke solid 1px;
  border-radius: 100px;
}

.blog {
  text-decoration: solid;
}

.blog-post-content {
  margin-top: 50px;
}

/* MEDIA QUERIES*/

@media only screen and (max-width: 600px) {
  .header {font-size: small;}
  a {display: flex; justify-content: center;
  text-decoration: none;}
}