:root{--green: #0EA046;--charcoal: #242424;--white: #fff;--purple: #646cff;--navy: #0b273e;--gold: #cca701;--gray: #607180;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--white);background-color:var(--charcoal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--purple);text-decoration:inherit}a:hover{color:#535bf2}body,footer{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}header{font-weight:500;margin:2em 1em}h1{font-size:1.25rem;line-height:1.1;font-weight:400;margin:0;text-align:center}#info,#addProject{display:none;width:100%;width:-moz-available;width:-webkit-fill-available;margin:20px 0;padding:1.25em 2em;color:var(--white);background-color:var(--navy)}#info a{display:block;color:var(--gold);margin:1em 0}#infoBtn{margin-right:5px}#addProjectBtn{margin-left:5px}form{display:flex;flex-direction:column}#addProject>h3{margin:0 0 10px}form input,form textarea{color:var(--white);padding:10px;margin:5px 0 10px;border-radius:10px;border:1px solid var(--white);background-color:var(--charcoal)}fieldset{margin:10px 0}div.projectType{margin:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between}.projectType input[type=text]{margin:0}.projectType label{padding:5px 3px}form #projectSubmit{width:6rem;margin:auto;color:var(--navy);background-color:var(--white);font-weight:700;font-size:1rem;border-radius:15px;transition:all .5s}#infoBtn,#addProjectBtn{transition:all .5s}form #projectSubmit:hover,#infoBtn:hover,#addProjectBtn:hover{color:var(--charcoal);background-color:var(--gold);border:1px solid var(--gold);text-transform:uppercase;font-weight:600;letter-spacing:.1rem}#projectList{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.card{padding:2em;width:100%}h3,div.card p{text-transform:capitalize;margin:0}div.card p{font-size:.9rem}h4{margin:10px 0 5px}ul,.projectLinks{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap}li{padding:.25rem 1rem;margin:0 6px 6px 0;background-color:var(--gold);color:var(--charcoal);font-weight:600;border-radius:15px}.contributors li{background-color:var(--green)}.projectLinks{flex-direction:column}footer{width:100%;min-height:fit-content;text-align:center}footer p{margin:0 2em;font-size:.9rem}#app{max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}button{border-radius:15px;border:1px solid var(--white);margin:0;padding:.6em 1em;font-size:1em;font-weight:500;font-family:inherit;color:var(--white);background-color:var(--charcoal);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--purple)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--navy);background-color:var(--white)}a:hover{color:var(--purple)}button{color:var(--white);background-color:var(--gray)}input[type=text],input[type=url],form textarea{background-color:var(--gray)}::placeholder{color:#fff}}@media screen and (min-width: 425px){header{margin:3em 1em 1em}h1{font-size:1.5rem;width:415px}div.projectType{justify-content:flex-start}.projectType label{padding:0 8px}footer p{margin:0;width:270px}}@media screen and (min-width: 475px){#addProject,#info{padding:1.25em 3em}.card{padding:1em 3em}footer p{margin:1em 0}}@media screen and (min-width: 768px){#addProject,#info{padding:2em 10em}.card{padding:1em 5em}}@media screen and (min-width: 1024px){#addProject,#info{padding:2em 15em}#projectList{padding:2em 0}.card{padding:1em;width:40%;border:5px dotted var(--gold);margin-bottom:2em}}@media screen and (min-width: 1440px){#addProject,#info{padding:2em 30em}.card{padding:1em;width:25%}}