body {
    background-color: #FFEBA4;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(1.2rem, 4vw, 32px);
}

main {
    width: clamp(0, 20%, 50%);
    padding: 0 8px;
}

.brain {
    align-self: flex-start;
    width: min(50%, 250px);
    height: min(40%, 190px);
    opacity: 95%;
}

.btn {
    border: none;
    display: flex;
    align-items: center;
    margin: 6px;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 8px 0px;   
    font-size: clamp(1.2rem, 4vw, 30px);
}

.btn--yellow {
    background-color: #FFD057;
    color: #3E3E3E;
}

.btn__icon {
    padding-left: 10px;
}

.btn__icon, .next-svg {
    width: clamp(30px, 4vw, 50px);
    height: clamp(30px, 4vw, 50px);
    opacity: 80%;
}

.quote-buttons {
    display: flex;
    justify-content: flex-end;
}

.quote {
    color: #3E3E3E;
    text-align: center;
    max-width: 700px;
    text-align: justify;
}

.quote--author {
    font-weight: bold;
    text-align: end;
}