@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tinos&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Tinos&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Montserrat&family=Tinos&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Montserrat&family=Play&family=Tinos&display=swap");
body {
  background-color: #1e1e1e;
  text-align: center;
}

.label__box {
  color: white;
  font-size: 40px;
  margin-top: 30px;
  font-family: 'Play', sans-serif;
}

.description__box {
  color: white;
  font-size: 20px;
  font-family: "Akkurat", "Roboto", Arial, Tahoma, sans-serif;
}

.image__box {
  display: inline-block;
  margin-top: 40px;
  -webkit-box-shadow: 9px 23px 26px -2px rgba(128, 142, 155, 0.19);
  box-shadow: 9px 23px 26px -2px rgba(128, 142, 155, 0.19);
}

.social__box {
  margin-top: 20px;
}

.social__box__small {
  margin-top: 20px;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper i {
  padding: 10px;
  text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.6);
  -webkit-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

/*
.wrapper a:nth-child(1) {
    color: #dd8839;
}

.wrapper a:nth-child(2) {
    color: #4867AA;
}

.wrapper a:nth-child(3) {
    color: #f21d1d;
}

.wrapper a:nth-child(4) {
    color: #318d35;
}

.wrapper a:nth-child(5) {
    color: #c93d12;
}

.wrapper a:nth-child(6) {
    color: #d3d2d2;
}
*/
.wrapper a:nth-child(1) {
  color: #808e9b;
}

.wrapper a:nth-child(2) {
  color: #808e9b;
}

.wrapper a:nth-child(3) {
  color: #808e9b;
}

.wrapper a:nth-child(4) {
  color: #808e9b;
}

.wrapper a:nth-child(5) {
  color: #808e9b;
}

.wrapper a:nth-child(6) {
  color: #808e9b;
  margin-top: -8px;
}

/*
.wrapper a:nth-child(1) {
    color: #eb4d4b;
}

.wrapper a:nth-child(2) {
    color: #eb4d4b;
}

.wrapper a:nth-child(3) {
    color: #eb4d4b;
}

.wrapper a:nth-child(4) {
    color: #eb4d4b;
}

.wrapper a:nth-child(5) {
    color: #eb4d4b;
}

.wrapper a:nth-child(6) {
    color: #eb4d4b;
}
*/
.wrapper i:hover {
  margin-top: -10px;
  text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4);
}

/* ---------------------------------------------------- */
.wrapper__small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper__small i {
  padding: 10px;
  text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.6);
  -webkit-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

.wrapper__small a:nth-child(1) {
  color: #808e9b;
}

.wrapper__small a:nth-child(2) {
  color: #808e9b;
}

.wrapper__small a:nth-child(3) {
  color: #808e9b;
}

.wrapper__small a:nth-child(4) {
  color: #808e9b;
}

.wrapper__small a:nth-child(5) {
  color: #808e9b;
}

.wrapper__small a:nth-child(6) {
  color: #808e9b;
  margin-top: -4px;
}

.wrapper__small i:hover {
  margin-top: -15px;
  text-shadow: 0px 14px 10px rgba(0, 0, 0, 0.4);
}
