.container {
    container-type: inline-size;
}

.form-outer {
    width:min(600px,100%);
    display:block;
    margin-inline:auto;
}

    .form-outer img {
        display:block;
        border-radius:0.75rem 0.75rem 0 0;
    }

form {
    background-color:var(--dgreen);
    padding:1.5rem;
    border-radius:0 0 0.75rem 0.75rem;
}

.main form h2 {
    font-weight:bold;
    color:var(--green);
    letter-spacing: -0.02em;
}

input,
textarea,
label {
    float:left;
    clear:left;
    width:100%;
    margin-bottom:0.25rem;
}

input,textarea {
    padding:1rem;
    border:none;
    outline:none;
    border-radius:3px;
    margin-bottom:0.75rem;
}

label {
    text-align: left;
    font-size:0.8rem;
    color:#fff;
}

    .main label p {
        float:left;
        clear:none;
        line-height: 1;
        margin:0;
    }

    label input {
        width:25px;
        height:25px;
        float:left;
        margin-right:5px;
        clear:none;
        accent-color:var(--green);
    }

.address {
    display:none;
}

form:has(#giveaway:checked) .address {
    display:block;
}

.submit-btn {
    background-color: var(--green);
    cursor:pointer;
    color:#fff;
    text-transform: uppercase;
    margin:0;
}

    .submit-btn:hover {
        background-color: #abce00;
    }

.main p.errortext {
    font-weight:bold;
    color:red;
}