body, html {font-family: 'Roboto', sans-serif;}
h1{color:#fff; text-align:center; font-size: 3em;}
.intro{color:#fff; text-align:center; padding-bottom:20px; font-size:1.8em;}
footer{color:#4d4d4d; line-height:140%; text-align:center; font-size:0.8em; text-spacing:130%}
strong{color:#fff; font-size:1.2em;}
body{background:#59ABE3;margin:0}
.form{padding:20px 30px 80px 30px; margin:0px 10%; background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;}
h2{margin:10px 0;padding-bottom:10px;color:#78788c;border-bottom:3px solid #78788c}
input{width:100%;padding:10px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;font-family:'Montserrat',sans-serif;transition:all .3s;border-bottom:2px solid #bebed2}
input:focus{border-bottom:2px solid #78788c}
p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#5a5a5a}
.button{float:right;padding:8px 12px;margin:8px 0 0;font-family:'Montserrat',sans-serif;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}
.button:hover{background:#78788c;color:#fff}
#res{font-size:18px;}
span{margin:0 5px 0 15px}
.headerimg { display: block; margin: 0 auto; padding-bottom: 50px; width:90%; max-width: 500px;}
#my_centered_buttons { display: flex; justify-content: center; }
.sharingb { width:100%; }
.sbutton {
    border: none;
    color: white;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.tweeta {
    background-color: #55acee;
}
.feeba {
    background-color: #3B5998;
}
#spin:after {
  content:"myCTA.cf";
  animation: spin 3s linear infinite;
}
@keyframes spin {
  0% { content:"My CTA Safe"; }
}

.arrowDiv {
    position: absolute;
    height: 50px;
    width: 50px;
    margin-left: -25px;
    left: 50%;
    bottom: 0%;
}
@keyframes bouncing {
    0% {bottom: 0;}
    50% {bottom: 20px;}
    100% {bottom: 0;}
}
.arrow {
    animation: bouncing 1s infinite ease-in-out;
    bottom: 0;
    display: block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
}

.ghost-button {
    text-align: center;
    color: #ffffff;
    background: #59abe3;
    border: 1px solid #ffffff;
    border-radius:10px;
    font-size: 17px;
    padding: 7px 12px;
    font-weight: normal;
    margin-bottom: 20px;
    display: inline-block;
    text-decoration: none;
    min-width: 150px;
}

.ghost-button:hover, .ghost-button:active {
  color:#59abe3;
  background:#ffffff;
}