.container {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

@font-face {
    font-family: 'typo-speed';
    src: url(/font/typo-speed.wide-bold-webfont.woff2) format('woff2'),
         url(/font/typo-speed.wide-bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
   font-family: 'typo-speed';
   font-family: 'Cabin', sans-serif;
*/

body {
    background: url(/img/hexa.png);
    color: #EDFFFE;
    font-size: 16px;
    line-height: 1.2em;
}

i {
  color: #00B0E8;
}

.header {
    padding-top: 20px;
}

.whats-fixed {
    position: fixed;
    bottom: 40px;
    right: 40px;
    animation: move 3s infinite;
    z-index: 200000;
  }

  .whats-fixed img {
    width: 70px;
  }

    
  @keyframes move {
    25%{
      transform: translateX(10px);
    }
    50%{
      transform: translateX(0px);
  
    }
    75%{
      transform: translateX(-10px);
  
    }
    100%{
      transform: translateX(0px);
  
    }
  }