html, body {
    height: 100%;
}

main {
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.experience-card {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.experience-checkbox {
    width: 20px;
    height: 20px;
}

.experience-form {
    width: 600px;
    height: 600px;
    background-image: url('../../../img/experience-background.png');
    background-repeat: no-repeat;
}

.experience-form > form {
    margin-top: 120px;
    padding: 80px;
}

.experience-privacy-policy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.experience-submit {
    all: unset;
    width: 50%;
    height: 40px;
    margin: 0 auto;
    background-image: url('../../../img/experience-submit.svg');
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 480px) {
    .experience-card > .card {
        width: 90%;
    }

    .experience-form {
        width: 360px;
        background-image: url('../../../img/experience-mobile-background.png');
        background-size: 100%;
    }

    .experience-form > form {
        margin-top: 160px;
        padding: 40px;
    }

    .experience-submit {
        width: 100%;
    }
}