@import url("https://fonts.googleapis.com/css?family=Poiret+One&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
* {
  margin: 0;
  padding: 0;
}

body {
  background-color: black;
  color: white;
  font-family: 'Poppins', sans-serif;
}

a {
  color: white;
  text-decoration: none;
  border: transparent;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

section:not(#home) {
  height: 20vh;
  border-style: none;
}

section#contact {
  height: 40vh;
  font-size: 7vw;
  height: 101%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.email, .contactme {
  font-size: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Poiret One', sans-serif;
}

.email {
  text-decoration: underline;
  font-style: italic;
}

h1 {
  font-size: 8vw;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#home {
  font-size: 8vw !important;
  background-color: black;
  color: white;
  font-style: italic;
}

#portfolio {
  background: #f7665c;
}

#portfolio a {
  color: #000000;
}

#portfolio a:hover {
  color: #d63631;
}

#homepage {
  background: #78db6f;
}

#homepage a {
  color: #000000;
}

#homepage a:hover {
  color: #4c9da0;
}

#yugen {
  background: #5ad350;
}

#yugen a {
  color: #000000;
}

#yugen a:hover {
  color: #329c28;
}

#sor {
  background: #c669db;
}

#sor a {
  color: #000000;
}

#sor a:hover {
  color: #a24ab6;
}

#benji {
  background: #7272d1;
}

#benji a {
  color: #000000;
}

#benji a:hover {
  color: #4646a3;
}

#thaldrin {
  background: #8a60da;
}

#thaldrin a {
  color: #000000;
}

#thaldrin a:hover {
  color: #6136b3;
}

#kaito {
  background: #6033b4;
}

#kaito a {
  color: #000000;
}

#kaito a:hover {
  color: #441b8f;
}

#yiff {
  background: #b32c54;
}

#yiff a {
  color: #000000;
}

#yiff a:hover {
  color: #9c0d38;
}

a.email {
  color: #9c0d38;
}

a.email:hover {
  color: #aa3055;
}

#Twitter {
  background: #1DA1F2;
}
/*# sourceMappingURL=x.css.map */