:root{--color-primary: #2c3e50;--color-secondary: #3498db;--color-success: #27ae60;--color-background-light: #ecf0f1;--color-background-medium: #bdc3c7;--color-text-light: #f8f9fa;--color-text-dark: #34495e;--color-border: #bdc3c7;--color-focus-background: #eaf2f8;--color-droppable-background: rgba(46, 204, 113, .1)}*{box-sizing:border-box}html{font-family:sans-serif;color:var(--color-text-dark)}body{margin:0;background:var(--color-background-light)}label,input,textarea{display:block;margin:.5rem 0}label{font-weight:700}input,textarea{font:inherit;padding:.2rem .4rem;width:100%;max-width:30rem;border:1px solid var(--color-border);border-radius:4px;transition:background-color .2s,border-color .2s}input:focus,textarea:focus{outline:none;background:var(--color-focus-background);border-color:var(--color-secondary)}button{font:inherit;background:var(--color-primary);color:var(--color-text-light);border:1px solid var(--color-primary);cursor:pointer;padding:.75rem 1rem;border-radius:4px;transition:background-color .2s,border-color .2s}button:hover,button:active{background:var(--color-secondary);border-color:var(--color-secondary)}.projects{margin:1rem;border:1px solid var(--color-border)}.projects header{background:var(--color-primary);height:3.5rem;display:flex;justify-content:center;align-items:center}#finished-projects{border-color:var(--color-success)}#finished-projects header{background:var(--color-success)}.projects h2{margin:0;color:var(--color-text-light)}.projects ul{list-style:none;margin:0;padding:1rem}.projects li{box-shadow:1px 1px 8px #00000042;padding:1rem;margin:1rem;background:#fff}.projects li h2{color:var(--color-primary);margin:.5rem 0}#finished-projects li h2{color:var(--color-success)}.projects li h3{color:var(--color-text-dark);font-size:1rem}.project li p{margin:0}.droppable,#finished-projects .droppable{background:var(--color-droppable-background)!important}#user-input{margin:1rem;padding:1rem;border:1px solid var(--color-border);background:#fff;border-radius:8px}