html{
    box-sizing:border-box;
    font-size:100%
}
*,:after,:before{
    box-sizing:inherit
}
body{
    background-color:#eda4c0;
    background-image:linear-gradient(#eda4c0 2%,#e8ccdc 108%);
    color:#fff;
    min-height:100vh;
    text-align:center;
    font-family:Roboto,sans-serif;
    font-size:1rem;
    font-weight:bold
}
.invisible{
    color:#e8c7d8
}
.logo{
    background-image: url('/img/venusalogo500.png');
    background-size:120px 120px;
    background-repeat:no-repeat;
    background-position: center top;
    height: 120px
}
.coder{
    display:block;
    max-width:400px;
    margin:0 auto 15px;
    padding:15px 20px;
    color:#fff;
    font-weight:bold;
    border:2px solid #fff;
    text-decoration:none;
    transition:all .2s ease-in-out
}
.coder:hover{
    background-color:#fff;
    color:#eda4c0
}
h2{
    font-size:14px;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:2px
}
a:link, a:visited {
    color:#fff;
}
a:hover, a:active {
    color:#fff;
}
.sociallink {
    margin: 50px auto 70px;
    position: relative;
    left: 0;
    width: 100%;
    bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.socialitem {
    cursor: pointer;
    width: 60px;
    max-width: 50px;
}
.socialicon {
    fill: #fff;
}
#mySubmit {
    cursor: pointer;
}

.whatsapp-ico{
    fill: white;
    width: 32px;
    height: 32px;
    padding: 3px;
    background-color: #4dc247;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    /* box-shadow: 2px 2px 11px rgba(0,0,0,0.7); */
    /* position: fixed; */
    bottom: 20px;
    right : 20px;
    z-index: 10;
}

.whatsapp-ico:hover{
    box-shadow: 2px 2px 11px rgba(0,0,0,0.7);
}

/* Animation property twiddle */
#point1 {
  animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-2deg);
  }
  20% {
    transform: rotateZ(2deg);
  }
  25% {
    transform: rotateZ(-4deg);
  }
  30% {
    transform: rotateZ(2deg);
  }
  35% {
    transform: rotateZ(-2deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

@keyframes shake {
  0%, 7% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(-10px);
  }
  20% {
    transform: translateY(10px);
  }
  25% {
    transform: translateY(-8px);
  }
  30% {
    transform: translateY(8px);
  }
  35% {
    transform: translateY(-6px);
  }
  40%, 100% {
    transform: translateY(0);
  }
}

@keyframes pop {
  0%, 7% {
    transform: scale(1, 1);
  }
  15% {
    transform: scale(1.025, 1.025);
  }
  20% {
    transform: scale(1.05, 1.05);
  }
  25% {
    transform: scale(1.075, 1.075);
  }
  30% {
    transform: scale(1.05, 1.05);
  }
  35% {
    transform: scale(1.025, 1.025);
  }
  40%, 100% {
    transform: scale(1, 1);
  }
}