:root{--color-1:#faf3e1;--color-2:#f5e7c6;--color-3:#ff6d1f;--color-4:#222}main{background-color:var(--color-1);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100dvw;height:100dvh;display:flex}section{gap:1rem;display:flex}select>select{flex:1}form{gap:.5rem;display:flex}option,select{max-width:6rem}button,select,input,summary{background-color:var(--color-2);color:var(--color-3);border:1px solid #0000;border-radius:.5rem;outline:none;padding:1rem;font-size:large;font-weight:700;transition:all .3s}details{flex-direction:column;gap:.2rem;display:flex}summary{width:max-content;padding:.5rem}li>button{text-decoration:underline}button:hover,select:hover,input:hover{border:1px solid var(--color-3)}button:focus,input:focus button:focus-visible,input:focus-visible{border:1px solid var(--color-3);background-color:var(--color-3);color:var(--color-4)}*{box-sizing:border-box;margin:0;padding:0}ul,li{list-style:none}