.brushStrokeButton {
    height: 75px;
    width: auto;
}

.gameIcon {
    width: 100%;
    height: auto;
}

.halfResIcon {
    width: 50%;
    height: 50%;
}

.flexVertCenter {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.avatarIcon {
    width: 150px;
    height: 150px;
}

.avatarSelectionBlock {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    column-gap: 1rem;
}

.avatarSelectionIcon {
    width: 50px;
    height: 50px;
}

.avatarThumb {
    width: 3vw;
    height: auto;
}

.googleLink {
    width: 100%;
    height: auto;
}

.eventBanner {
    min-width: calc(1vw * 5);
    max-width: calc(1vw * 20);
    height: auto;
}

.cardRewardTopIcon {
    width: 100%;
    height: auto;
}

.cardRewardIcon {
    width: 50%;
    height: auto;
}

.topCardPreviewIcon {
    width: 25%;
    height: auto;
}

.questionHint {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.iconAndDescription {
    padding-bottom: 20px;
}