@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

}
body {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container{
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: text-top;
  font-family: consolas
}

.logo-div{
  width: 100%;
  height:300px;
  margin-top:200px;
}

.insignia{
  width: 100px;
  -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  margin-top: 50px;
}


.space-div{
  display: block;
  height: 55px;
}

.wavy {
  display: block;
  -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  text-align: center;
  width: 100%;
}


.wavy span {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 6em;
  text-transform: uppercase;
  animation: animate 5s ease-in-out infinite;
  animation-delay: calc(.1s * var(--i))
}
@keyframes animate {
  0%, 100% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-20px);
  }
  40% {
    transform: translateY(0px);
  }
}

.social-container{
  text-align: center;
}


.buttons-div{
  width: 50%;
  margin: 0;
  padding: 0;
  height: 1%;
  border: none;
  display: inline;
}


.twitter-button,
.linkedin-button,
.instagram-button {
	display: inline;
	height: 300px;
	padding: 70px;
  border-radius: 150px;
  cursor: pointer;
  background: linear-gradient( grey, white, grey, white );
  transition: all .34s;
  margin: 70px;
  -webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.twitter-icon,
.linkedin-icon,
.instagram-icon{
  width: 100%;
  height: 100%;
  border-radius: 80px;
  transition: all .34s;
}

.twitter-button:hover,
.twitter-button:hover .twitter-icon {
  box-shadow: 0 0 5px 4px #1DA1F2;
}

.twitter-button:hover .twitter-icon {
  background-color: white;
}

.twitter-button:active {
	opacity: .9;
}

.linkedin-icon{
  width: 100%;
  height: 100%;
  border-radius: 80px;
  transition: all .34s;
}

.linkedin-button:hover,
.linkedin-button:hover .linkedin-icon {
  box-shadow: 0 0 5px 4px rgb(10,102,194);
}

.linkedin-button:hover .linkedin-icon {
  background-color: white;
}

.linkedin-button:active {
	opacity: .9;
}

.instagram-icon{
  width: 100%;
  height: 100%;
  border-radius: 80px;
  transition: all .34s;
}

.instagram-button:hover .instagram-icon,
.instagram-button:hover{
  box-shadow: 0 0 5px 4px #bc2a8d;
}


.instagram-button:hover .instagram-icon {
  background-color: white;
}

.instagram-button:active {
	opacity: .9;
}