::selection {
  background-color: darkseagreen;
}

::-moz-selection {
  background-color: darkseagreen;
}

::-webkit-selection {
  background-color: darkseagreen;
}

.container {
  width                : 100%;
  height               : 300px;
  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-pack     : center;
  -ms-flex-pack        : center;
  justify-content      : center;
  -webkit-box-align    : center;
  -ms-flex-align       : center;
  align-items          : center;

}

.container #logo-wrap {
  display: inline-block;
  color                  : #ff4b2b;
  font-size              : 3rem;
  background             : -webkit-gradient(linear, left top, right top, from(#ef32d9), to(#89fffd));
  background             : linear-gradient(to right, #ef32d9, #89fffd);
  background             : -webkit-linear-gradient(to right, #ef32d9, #89fffd);
  background-clip        : text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.container p {
  margin: 0;
}

.select-wrap {
  text-align: center;
}

.select-wrap .selection {
  width  : 200px;
  height : 1.5rem;
  border : 1px solid #ddd;
  color  : darkseagreen;
  outline: none;
}

.select-wrap .selection>option:hover {
  background-color: darkseagreen;
}

.select-wrap>button {
  height          : 1.5rem;
  cursor          : pointer;
  color           : #fff;
  border          : 0;
  outline         : none;
  background-color: darkseagreen;
}

.select-wrap>button:active {
  background-color: rgb(123, 192, 123);
}