.formgroup{display:flex;flex-direction:column}.error{color:red;font-size:.875rem}select{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:8px;font-size:1rem}div#list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2em;max-width:1200px;margin:0 auto}div#list article{margin:10px;padding:16px;border-radius:8px;border:2px dashed #ccc;max-width:20em;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}div#list article p{margin:8px 0 12px}div#list,div#list article{min-width:0}@media (max-width: 600px){div#list{display:grid;grid-template-columns:1fr;gap:1em}}@media (min-width: 601px) and (max-width: 1200px){div#list{display:grid;grid-template-columns:1fr 1fr;gap:3em;margin:0;padding:0}}body{background-color:#eee}#root{padding:2em;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}a{text-decoration:none;color:#fff;cursor:pointer;transition:all .5s ease-in-out;background-color:#00f;padding:10px;border-radius:5px;margin:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,monospace;font-weight:600}a:hover{transform:scale(1.1)}a:active{transform:scale(.9)}#back-link{position:absolute;top:10px;left:10px;background-color:transparent;color:#000;transform:scale(2)}#back-link:hover{transform:scale(2.5)}#back-link:active{transform:scale(1.5)}input{background-color:#cfcfcf;border:none;color:#000;padding:10px;border-radius:5px;margin:10px}button{background-color:#1c1c1c;color:#fff;padding:10px;border-radius:10px;transition:all .5s ease-in-out}button:hover{transform:scale(1.2)}button:active{transform:scale(.8)}p,h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Tahoma,Geneva,Verdana,monospace;font-weight:600;color:#333}form{display:flex;flex-direction:column;justify-content:center;gap:1em;width:30em;padding:1em}