body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--main-bg-color:#282a36;--main-text-color:#f8f8f2;--headline-text-color:#8be9fd;--input-border-color:#bd93f9;--input-text-color:#f8f8f2;--link-focus-color:#44475a;--link-focus-accent-color:#f8f8f2;--autocomplete-bg-color:#6272a4;--list-style-color:#ffb86c;--code-bg-color:#44475a;--footer-bg-color:#44475a;--footer-text-color:#fff;--link-text-color:#bd93f9;--input-bg-color:#44475a;--input-placeholder-color:#f8f8f2;--link-focus-bg-color:#44475a}*{-moz-box-sizing:border-box;box-sizing:border-box}h1{text-align:center}h2{padding-top:1rem}#welcome{max-width:1300px;margin:auto}#welcome a{border:2px solid #000;border-radius:10px;padding:1rem;margin-right:1rem;color:#000;text-decoration:none}#home-body{width:100%;height:100vh;padding:0;margin:0;line-height:1.5}#center,#home-body{background-color:var(--main-bg-color)}#center{color:var(--main-text-color);display:block;margin:auto;max-width:40rem;border:0 solid green;padding:10rem 10px 10px}#center a{color:var(--link-text-color);text-decoration:none;background-color:transparent}#center a:hover{color:hotpink}#center h1{text-align:left}#center h1:hover{color:hotpink}#center ul{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;-moz-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;-moz-margin-end:0;margin-inline-end:0;-webkit-padding-start:20px;-moz-padding-start:20px;padding-inline-start:20px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:2rem;gap:2rem;max-width:1300px;width:100%;margin:auto;padding:2rem}article{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;text-align:center;border-radius:.5em;overflow:hidden;box-shadow:0 2px 8px 0 rgba(99,99,99,.5);padding-bottom:1rem}article>:not(img){padding-inline:1rem}article img{object-fit:cover}.pagination{max-width:1300px;width:100%;margin:auto;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;display:-webkit-flex;display:-moz-box;display:flex}.pagination:nth-of-type(2){margin-bottom:2rem}input[type=password],input[type=text]{background:var(--autocomplete-bg-color);height:1.8rem;border:1px solid rgba(0,0,0,.2)}input[type=submit]{margin-top:10px;cursor:pointer;font-size:15px;background:var(--code-bg-color);color:var(--link-text-color);border:2px solid #6272a4;border-radius:2px;color:#fff;padding:10px 20px}input[type=submit]:hover{background:var(--autocomplete-bg-color)}.button-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;padding-top:1rem}.login-form{background-color:var(--main-bg-color);padding:2rem}.list-container{display:-webkit-flex;display:-moz-box;display:flex}.error{color:hotpink;font-size:1rem}.title{font-size:25px;margin-bottom:20px}.input-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:8px;gap:8px;margin:10px}