.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
html {
    font-family: 'Fjalla One', sans-serif;
    font-size: 25px;
}
.btn {
    box-shadow: 0px 0px 0px 3px #000;
    border-radius: 5px;
    padding: 4px 10px;
    transition: .3s;
    width: fit-content;
}
.btn:hover {
    box-shadow: 0px 0px 0px 3px #000;
    color: #fff;
    background-color: #000;
}

.whats-fixed {
    position: fixed;
    bottom: 40px;
    right: 40px;
    animation: move 3s infinite;
    z-index: 222;
    max-width: 65px;
  }
  
  @keyframes move {
    25%{
       transform: translateX(-10px);  }
    50%{
      transform: translateX(0px);  
    }
    75%{
      transform: translateX(10px); 
    }
    100%{
      transform: translateX(0px); 
    }
  }