li {
    display: inline-block;
    font-size: 1.5em;
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
  }
  
  li span {
    display: block;
    font-size: 4.5rem;
  }
  
  /* general styling */
  html, body {
    height: 100%;
    margin: 0;
    font-family: Abel;
  }

  .timer ul{
    max-width: none;
  }

  .timer ul li {
    margin: 0;
    font-size: 1.3em;
    padding-top: 0;
  }

  
  .container {
    color: white;
    margin: 0 auto;
    padding: 0.5rem;
    text-align: center;
  }

  .title{
    font-size: 1.3em;
  }
.social-icons{
  max-width: none;
}

.social-icons li{
  padding: .5em;
}

.social-icons .icon{
  font-size: 1.5em;
  cursor: pointer;
}

.social-icons .youtube{
	filter: drop-shadow(0 0 0 rgb(255, 0, 0));
	transform: scale(1);
	animation: pulse-red 2s infinite;
	-webkit-animation: pulse-red 2s infinite;
	-webkit-filter: drop-shadow(0 0 0 rgb(255, 0, 0));
}

.social-icons .twitter{
	filter: drop-shadow(0 0 0 rgb(0, 110, 255));
	transform: scale(1);
	animation: pulse-pink 2s infinite;
	-webkit-animation: pulse-blue 2s infinite;
	-webkit-filter: drop-shadow(0 0 0 rgb(0, 110, 255));
}

.social-icons .insta{
	filter: drop-shadow(0 0 0 rgb(241, 14, 154));
	transform: scale(1);
	animation: pulse-pink 2s infinite;
	-webkit-animation: pulse-pink 2s infinite;
	-webkit-filter: drop-shadow(0 0 0 rgb(241, 14, 154));
}

.social-icons .facebook{
	filter: drop-shadow(0 0 0 rgb(22, 2, 204));
	transform: scale(1);
	animation: pulse-indigo 2s infinite;
	-webkit-animation: pulse-indigo 2s infinite;
	-webkit-filter: drop-shadow(0 0 0 rgb(22, 2, 204));
}

.social-icons .youtube:hover a{
  color: red;
}

.social-icons .twitter:hover a{
  color: rgb(0, 110, 255);
}

.social-icons .facebook:hover a{
  color: rgb(22, 2, 204);
}

.social-icons .insta:hover a{
  color: rgb(241, 14, 154);
}

.social-icons a {
  color: white;
  text-decoration: none;
  transition: all .3 ease-in-out;
  -webkit-transition: all .3 ease-in-out;
  -moz-transition: all .3 ease-in-out;
  -ms-transition: all .3 ease-in-out;
  -o-transition: all .3 ease-in-out;
}

.lapp-button{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.pulse{
  box-shadow: 0 0 0 0 rgb(255, 255, 255);
  transform: scale(1);
	animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes pulse-red {
	0% {
		transform: scale(0.95);
		filter: drop-shadow(0 0 0 rgb(255, 0, 0, 0.7));
		-webkit-filter: drop-shadow(0 0 0 rgb(255, 0, 0, 0.7));
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
}
	
	70% {
		transform: scale(1);
		filter: drop-shadow(0 0 10px rgb(255, 0, 0, 1));
		-webkit-filter: drop-shadow(0 0 10px rgb(255, 0, 0, 1));
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
}
	
	100% {
		transform: scale(0.9);
		filter: drop-shadow(0 0 0 rgb(255, 0, 0, 1));
		-webkit-filter: drop-shadow(0 0 0 rgb(255, 0, 0, 1));
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
}
}

@keyframes pulse-pink {
	0% {
      transform: scale(0.95);
      filter: drop-shadow(0 0 0 rgba(241, 14, 154, 0.7));
      -webkit-filter: drop-shadow(0 0 0 rgba(241, 14, 154, 0.7));
  }
    
    70% {
      transform: scale(1);
      filter: drop-shadow(0 0 10px rgba(241, 14, 154, 1));
      -webkit-filter: drop-shadow(0 0 10px rgba(241, 14, 154, 1));
  }
    
    100% {
      transform: scale(0.90);
      filter: drop-shadow(0 0 0 rgba(241, 14, 154, 1));
      -webkit-filter: drop-shadow(0 0 0 rgba(241, 14, 154, 1));
      -webkit-transform: scale(0.90);
      -moz-transform: scale(0.90);
      -ms-transform: scale(0.90);
      -o-transform: scale(0.90);
  }
}

@keyframes pulse-indigo {
	0% {
    transform: scale(0.95);
    filter: drop-shadow(0 0 0 rgba(22, 2, 204, 0.7));
    -webkit-filter: drop-shadow(0 0 0 rgba(22, 2, 204, 0.7));
}
	
	70% {
    transform: scale(1);
    filter: drop-shadow(0 0 10px rgba(22, 2, 204, 1));
    -webkit-filter: drop-shadow(0 0 10px rgba(22, 2, 204, 1));
}
	
	100% {
    transform: scale(0.90);
    filter: drop-shadow(0 0 0 rgba(22, 2, 204, 1));
    -webkit-filter: drop-shadow(0 0 0 rgba(22, 2, 204, 1));
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -ms-transform: scale(0.90);
    -o-transform: scale(0.90);
}
}

@keyframes pulse-blue {
	0% {
      transform: scale(0.95);
      filter: drop-shadow(0 0 0 rgba(0, 110, 255, 0.7));
      -webkit-filter: drop-shadow(0 0 0 rgba(0, 110, 255, 0.7));
  }
    
    70% {
      transform: scale(1);
      filter: drop-shadow(0 0 10px rgba(0, 110, 255, 1));
      -webkit-filter: drop-shadow(0 0 10px rgba(0, 110, 255, 1));
  }
    
    100% {
      transform: scale(0.90);
      filter: drop-shadow(0 0 0 rgba(0, 110, 255, 1));
      -webkit-filter: drop-shadow(0 0 0 rgba(0, 110, 255, 1));
      -webkit-transform: scale(0.90);
      -moz-transform: scale(0.90);
      -ms-transform: scale(0.90);
      -o-transform: scale(0.90);
  }
}