.header{
margin:3rem 2rem 2rem 2rem;
text-align:center;
}
#agree{
display:inline-block;
}
.reg-block{
display:inline-block;
border: 1px solid hsla(279,26%,50%, .7);
background-color:white;
margin:auto;
}
@media (min-width: 576px){
.input-block{
margin-left:3rem;
margin-right:3rem;
}
}
@media (min-width: 768px){
.input-block{
margin-left:5rem;
margin-right:5rem;
}
}
@media (min-width: 992px){
.input-block{
margin-left:6rem;
margin-right:6rem;
}
}
.text-animate{
-ms-animation: snake .4s linear;
-o-animation: snake .4s linear;
-moz-animation: snake .4s linear;
-webkit-animation: snake .4s linear;
animation: snake .4s linear;
}
@-webkit-keyframes snake{
0%{
transform: translateX(5px);
}
10%{
transform: translateX(-10px);
}
20%{
transform: translateX(17px);
}
30%{
transform: translateX(-17px);
}
40%{
transform: translateX(25px);
}
50%{
transform: translateX(-25px);
}
60%{
transform: translateX(17px);
}
70%{
transform: translateX(-17px);
}
80%{
transform: translateX(10px);
}
90%{
transform: translateX(-10px);
}
100%{
transform: translateX(5px);
}
}
@-moz-keyframes snake{
0%{
transform: translateX(5px);
}
10%{
transform: translateX(-10px);
}
20%{
transform: translateX(17px);
}
30%{
transform: translateX(-17px);
}
40%{
transform: translateX(25px);
}
50%{
transform: translateX(-25px);
}
60%{
transform: translateX(17px);
}
70%{
transform: translateX(-17px);
}
80%{
transform: translateX(10px);
}
90%{
transform: translateX(-10px);
}
100%{
transform: translateX(5px);
}
}
@-o-keyframes snake{
0%{
transform: translateX(5px);
}
10%{
transform: translateX(-10px);
}
20%{
transform: translateX(17px);
}
30%{
transform: translateX(-17px);
}
40%{
transform: translateX(25px);
}
50%{
transform: translateX(-25px);
}
60%{
transform: translateX(17px);
}
70%{
transform: translateX(-17px);
}
80%{
transform: translateX(10px);
}
90%{
transform: translateX(-10px);
}
100%{
transform: translateX(5px);
}
}
@-ms-keyframes snake{
0%{
transform: translateX(5px);
}
10%{
transform: translateX(-10px);
}
20%{
transform: translateX(17px);
}
30%{
transform: translateX(-17px);
}
40%{
transform: translateX(25px);
}
50%{
transform: translateX(-25px);
}
60%{
transform: translateX(17px);
}
70%{
transform: translateX(-17px);
}
80%{
transform: translateX(10px);
}
90%{
transform: translateX(-10px);
}
100%{
transform: translateX(5px);
}
}
@keyframes snake{
0%{
transform: translateX(5px);
}
10%{
transform: translateX(-10px);
}
20%{
transform: translateX(17px);
}
30%{
transform: translateX(-17px);
}
40%{
transform: translateX(25px);
}
50%{
transform: translateX(-25px);
}
60%{
transform: translateX(17px);
}
70%{
transform: translateX(-17px);
}
80%{
transform: translateX(10px);
}
90%{
transform: translateX(-10px);
}
100%{
transform: translateX(5px);
}
}