@keyframes flow {
     0% {background-color: #52D5DA;}
     100% {background-color: #43e5ea;}
}
@import url(https://fonts.googleapis.com/css?family=Lato:300);
body{
    background-color: #52D5DA;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
}
::-webkit-input-placeholder {
     color: #52D5DA !important;
     text-align: center;
 }
input::-webkit-input-placeholder {
    color: #52D5DA !important;
    text-align: center;
}
:-moz-placeholder {
    Firefox 18-
    color: #52D5DA !important;
    text-align: center;
}
::-moz-placeholder {
    Firefox 19+
    color: #52D5DA !important;
    text-align: center;
}
:-ms-input-placeholder {
    color: #52D5DA !important;
    text-align: center;
}
.vertical-center {
    min-height: 100%;
 	min-height: 100vh;
    display: flex;
    align-items: center;
}
.form-text-box{
    color:#52D5DA;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    border-radius: 41px 41px 41px 41px;
    -moz-border-radius: 41px 41px 41px 41px;
    -webkit-border-radius: 41px 41px 41px 41px;
    border: 0px solid #000000;
}
#content-2{
  animation-name: flow;
  animation-duration: 3.72s;
  animation-delay: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}