* {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    font-family: 'Poppins', Roboto, Avenir, sans-serif;
    color: #383838;
    background-color: rgb(246, 239, 236);
}
body {
    padding-top: 96px;
}
h1 {
  margin-bottom: 16px;
  font-size: 5vw; 
  font-weight: 500; 
}
h2 {
    margin-bottom: 112px; 
    font-size: 3vw; 
    color: #3970FF;
}
.fa {
    margin-bottom: 64px;
    margin-right: 24px; 
    font-size: 48px;
    cursor: pointer;
    transition: color 0.5s;
}
.fa:hover {
    color: #9499a4;
}
.tabs {
    font-size: 32px;
    text-decoration: none;
    border-radius: 16px;
    padding: 4px 12px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(246, 239, 236);
    transition: 0.3s;
}
.tabs:hover {
    border-color: #383838;
    color: #383838;
}
/* .quote {
    color: #a9d4f5;
    margin-top: 80px;
    font-size: 1.5vw;
} */
@media screen and (max-width: 500px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 100px;
    }
    .fa {
        font-size: 40px;
    }
    .tabs {
        font-size: 20px;
        display: flex;
        flex-direction: column;
        max-width: fit-content;
        margin: 0 auto 8px auto;
    }
    /* .quote {
        font-size: 12px;
        margin-top: 96px;
    } */
  }