body {
    background: #303036;
    text-align: center;
    text-rendering: auto;
    font-size: 17px;
    height: 100vh;
    overflow: hidden;
    padding: 18%;
    padding-top: 5vh;
  }
  * {
    box-sizing: border-box;
  }
  .title {
    color:aliceblue;
    text-align: center;
    font-size: 18px;
    padding: 2%;
  }
  .button {
    display: inline-block;
    font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding: 0.8em 1.4em;
    padding-right: 4.7em;
    background: #009ED8;
    border: none;
    color: white;
    transition: 0.2s;
  }
  .button:before,
  .button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.8em;
    content: "\00a0";
    font-family: 'FontAwesome', sans-serif;
    font-size: 1.2em;
    text-align: center;
    transition: 0.2s;
    transform-origin: 50% 60%;
  }
  .button:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .button:hover {
    background: #0079a5;
  }
  .button:active,
  .button:focus {
    background: #002e3f;
    outline: none;
  }
  .button {
    min-width: 15em;
  }
  .decor {
    text-decoration: none;
    color: white;
    cursor: default;
  }
  .disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .phone1 {
    background: #177cc0;
  }
  .phone2 {
    background: #dd73dd;
  }
  .phone3 {
    background: #9b3845;
  }
  .phone4 {
    background: #c75d16;
  }
  .phone5 {
    background: #7b24ec;
  }
  .phone:hover {
    background: #0d6952;
  }
  .phone:active,
  .phone:focus {
    background: #083b2e;
  }
  .phone:after {
    content: "\F232";
  }
  .phone:hover:after {
    -webkit-animation: wiggle 0.05s alternate ease infinite;
    animation: wiggle 0.05s alternate ease infinite;
  }
  @-webkit-keyframes bounceright {
    from {
      -webkit-transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(3px);
    }
  }
  @-webkit-keyframes wiggle {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(30deg);
    }
  }
  @keyframes bounceright {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(3px);
    }
  }
  @keyframes wiggle {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(30deg);
    }
  }
  
  /* Estilos das flocos de neve */
.snowflake {
  position: absolute;
  top: -30px;
  color: white;
  font-size: 24px;
  user-select: none;
  pointer-events: none;
  animation: snowfall linear infinite;
}

/* Definindo o comportamento do movimento da neve */
@keyframes snowfall {
  to {
      transform: translateY(100vh);
  }
}