* {
    font-family: Helvetica Neue;
}

body {
    display: grid;
    place-content: center;

}

form {
    max-width: 1080px;
    width: 100%;
}

.formcard {
    padding: 1.5rem;
    background: #e9e9e9;
    position: relative;
    border-radius: 1rem;
    text-align: center;
}

.formcard:hover {}


input[type="radio"] {
    appearance: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0px orangered solid;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

.formcard:has(input[type="radio"]:checked) {
    border-width: 4px;
}

.formcard:has(input:checked) {
    background: lime;
    transition: background-color 100ms ease-in;
}

.formgroup {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
}