body{margin:0}form section{display:flex;flex-flow:column;gap:.125rem}:root{--primary-100: #ffebdc;--primary-200: #ffd3b2;--primary-300: #ffcaa3;--primary-500: #783200;--primary-600: #602800;--neutral: #b0b0b0;--danger-500: #9a0000;--danger-600: #690000}body{background:var(--primary-200);font-family:Cabin,sans-serif}#app{font-size:1.25rem;align-items:center;display:flex;flex-flow:column;padding:1rem;gap:1rem}#app main{width:100%}button,input[type=submit]{width:fit-content;border-radius:.5rem;border:0;padding:.5rem 1rem;font-size:1.25rem;background:var(--primary-500);color:#fff}:is(button,input[type=submit]):active{background:var(--primary-600)}:is(button,input[type=submit]):disabled{background:var(--primary-200)}:is(button,input[type=submit]).danger{background:var(--danger-500)}:is(button,input[type=submit]).danger:active{background:var(--danger-600)}input:not([type=submit]),textarea,select{width:40rem;padding:.125rem 1rem;font-size:1.125rem;border-radius:.5rem;border:2px solid var(--primary-500);height:2.5rem;background:var(--primary-100)}select{align-items:center}select,::picker(select){appearance:base-select}select::picker-icon{color:#000;transition:.4s rotate}select:open::picker-icon{rotate:180deg}::picker(select){border:none}form{display:flex;flex-flow:column nowrap;gap:1rem}form section{display:flex;flex-flow:column nowrap;gap:.25rem}.list-of-things li{display:flex;justify-content:space-between}@media (max-width: 39em){input:not([type=submit]),textarea{width:calc(100% - 2rem)}}