html,
body {
    margin: 0;
    padding: 0;
    font-family: normal, serif;
}

* {
    box-sizing: border-box;
}

#app {
    margin: 0 auto;
    max-width: 450px;
    min-height: calc(100vh - 2.6285rem);
}

header {
    width: 100%;
    font-family: 'Poppins 500', sans-serif;
    font-size: .8937rem;
    color: #333333;
    line-height: 1.3668rem;
    height: 2.6285rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .question-content {
    min-height: calc(100vh - 5.5199rem);
} */

.question-card {
    display: block;
    width: 96%;
    margin: 0 auto 1.104rem;
    position: relative;
}

.question-card .title {
    border-radius: 0 0 .2629rem .2629rem;
    padding: .5257rem .8411rem;
    font-family: 'Poppins 500', sans-serif;
    color: #111111;
    line-height: 1.2617rem;
    font-size: 1.0514rem;
    box-shadow: 0 0 2.1028rem 0 rgba(0, 0, 0, 0.2);
}

.question-img {
    width: 100%;
    aspect-ratio: 412/215;
    display: block;
    object-fit: cover;
}

.shadow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    transform: translateX(-50%);
    border-radius: 2.6285rem;
    font-size: .8937rem;
    height: 3.1542rem;
    width: 8.4112rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.1);
}

.startTest {
    border-radius: 2.6285rem;
    font-size: .8937rem;
    line-height: 1.3143rem;
    font-family: 'Poppins 400', sans-serif;
    height: 2.1285rem;
    width: 7.514rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FF7C59 0%, #FFB332 100%);
    color: #ffffff;
}

.gif-img {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 5.257rem;
    height: 5.257rem;
}

.gif-img-0 {
    top: 0;
    right: 0;
    width: 7.8855rem;
    height: 7.8855rem;
}

.gif-img-2 {
    top: 5%;
    left: 5%;
    width: 5.257rem;
    height: 5.257rem;
}

.gif-img-4 {
    top: 30%;
    right: 10%;
    width: 5.257rem;
    height: 5.257rem;
}

.gif-img-6 {
    top: 50%;
    right: 30%;
    width: 4.7313rem;
    height: 4.7313rem;
}

/* .gif-img-8 {} */

.gif-img-10 {
    top: 0%;
    right: -5%;
    width: 7.8855rem;
    height: 7.8855rem;
}

/* .gif-img-12 {

} */
/* footer */
.footer {
    height: 3.4171rem;
    border-top: .0526rem solid #EAEAEA;
    padding: .5257rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    line-height: 1.0514rem;
    font-size: .5257rem;
    color: #BBBBBB;
    font-family: 'Poppins 400', sans-serif;
}

.privacy-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7886rem;
}

.privacy-info>a {
    color: #BBBBBB;
    line-height: 1.0514rem;
    font-size: .5257rem;
    display: block;
}

/* footer */