html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
}


.whatsapp{
  position: fixed;
  width: 52px;
  height: 52px;
  right: 30px;
  bottom: 30px;
  z-index: 1000;
}

.whatsapp a{
  display: block;
  background: url(../img/whatsappicon.svg) no-repeat;
  background-size: 100%;
  background-position: center center;
  width: 100%;
  height: 100%;
  -webkit-transition: .4s linear all;
  transition: .4s linear all;
}

.whatsapp a:hover{
  background-size: 94%;
}