header {
  display: flex;
  padding: 30px 20px 10px 20px;
  border-bottom: 4px solid #e0e0e0;
}

.header-buttom {
  display: flex;
  align-items: center;
  width: 100%;
}

.criar_conta {
  flex: 1; 
  border: none;
  margin: 5px 15px;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 10px;
  font-weight: 800;
  color: #000000;
  background-color: #3593F2;
  font-family: var(--fonte-principal);
  text-align: left;
}

i {
  font-size: 20px;
  cursor: pointer;
  min-width: 20px; 
}

  body {
    justify-content: center;
    align-items: center;
    font-family: var(--fonte-principal);
  }
  
  .main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 80vh;
    max-height: 100%;
    justify-content: center;
  }
  
  .button-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }
  
  .profile-button {
    width: 50vh;
    padding: 30px;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #35d0F2;
    color: #3593F2;
    background-color: rgba(53, 208, 242, 0.4);
    border-radius: 10px;
    cursor: pointer;
  }
  
  .profile-button a {
    text-decoration: none;
    color: inherit;
  }
  
  .estudante {
    background-color: rgba(53, 208, 242, 0.2);
  }
  
  .visitante {
    background-color: rgba(53, 208, 242, 0.1);
  }
  
  .profile-button:hover {
    background-color: #99d5f2;
  }