form{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
}

.preview-url{
    grid-column: 1  / -1;
}

.info-box{
    max-width: 800px;
}

input[type="text"].form-input,
input[type="checkbox"].form-input + label,
select.form-input{
    display: block;
    width: 100%;
    padding: 15px;
    border: 1px solid var(--color-dark);
    background-color: transparent;
    font-family: var(--font-family);
    cursor: pointer;
}
input[type="checkbox"].form-input:checked + label{
    background-color: var(--color-yellow-20);
}
input[type="checkbox"].form-input{
    display: none;
}