:root {
    --bg-1: #48a4ff;
    --bg-2: #6fb7fe;
    --bg-3: #9ccdff;
    --bg-white: #feffff;
}


* {
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-white);
}

main {
    width: 92%;
    margin: auto;
}

main>ol {
    padding: 1em;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2em;
}

main>ol>li:nth-child(1)>div {
    display: grid;

}

main>ol>li>button {
    display: block;
    align-self: center;
}

main>ol>li>form>fieldset {
    padding: 1em;
    border: 2px var(--bg-1) solid;
}

main>ol>li>form>fieldset>legend {
    text-align: center;
    padding: 0.2em 1em;
}