:root{--clr-primary-dark:#06406f;--clr-primary-medium:#4199e1;--clr-primary-light:#90c1ea;--clr-primary-lighter:#ebf6ff;--clr-secondary-dark:#bb350c;--clr-secondary-medium:#e77350;--clr-secondary-light:#fbb39d;--clr-secondary-lighter:#ffebe6;--clr-accent-1:#ffdd57;--clr-accent-2:#2ec2b3;--clr-accent-3:#ad41c8;--clr-neutral-1:#353b41;--clr-neutral-2:#484f56;--clr-neutral-3:#636b74;--clr-neutral-4:#768798;--clr-neutral-5:#cad1d8;--clr-neutral-6:#e7ebef;--clr-neutral-7:#f8fafb;--clr-success:#28bd69;--clr-error:#db143c;--clr-warning:#ffd633;--clr-info:#1390d8;--light-shadow:0 4px 6px rgba(0,0,0,.1);--dark-shadow:0 6px 10px rgba(0,0,0,.2);--radius-small:0.25rem;--radius-medium:0.5rem;--radius-large:1rem;--spacing-small:0.25rem;--spacing-medium:0.5rem;--spacing-large:1rem;--transition:all 0.3s ease-in-out;--max-width:1200px;--fixed-width:650px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafb;background:var(--clr-neutral-7);color:#353b41;color:var(--clr-neutral-1);font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6}ul{list-style-type:none}a{color:#4199e1;color:var(--clr-primary-medium);text-decoration:none;transition:all .3s ease-in-out;transition:var(--transition)}a:hover{color:#06406f;color:var(--clr-primary-dark)}h1,h2,h3,h4{color:#353b41;color:var(--clr-neutral-1);letter-spacing:.25rem;letter-spacing:var(--spacing-small);line-height:1.2;margin-bottom:1rem;text-transform:capitalize}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{color:#768798;color:var(--clr-neutral-4);margin-bottom:1rem;margin-bottom:var(--spacing-large)}@media screen and (min-width:800px){h1{font-size:3.25rem}h2{font-size:2.75rem}h3{font-size:2rem}h4{font-size:1.75rem}body{font-size:1.1rem}}.section{margin:0 auto;max-width:1200px;max-width:var(--max-width);width:90vw}@media screen and (min-width:992px){.section{width:95vw}}.search-form{margin:5rem auto 3rem;max-width:1200px;max-width:var(--max-width);width:90vw}.form-input{background:#f8fafb;background:var(--clr-neutral-7);border:none;border-bottom:2px solid #cad1d8;border-bottom:2px solid var(--clr-neutral-5);color:#636b74;color:var(--clr-neutral-3);font-size:1rem;letter-spacing:.25rem;letter-spacing:var(--spacing-small);margin-top:1rem;max-width:650px;padding:1rem;text-transform:uppercase;transition:all .3s ease-in-out;transition:var(--transition);width:100%}.form-input:focus{border-bottom-color:#4199e1;border-bottom-color:var(--clr-primary-medium);outline:none}.btn-container{align-items:center;display:flex;justify-content:center;margin:0 auto 1.5rem;max-width:1200px;max-width:var(--max-width);width:90vw}.btn-container p{font-size:1.2rem;font-weight:700;margin-bottom:0}.btn-container button{background:#4199e1;background:var(--clr-primary-medium);border-color:transparent;border-radius:.5rem;border-radius:var(--radius-medium);color:var(--clr-white);color:#fff;cursor:pointer;font-weight:700;letter-spacing:.25rem;letter-spacing:var(--spacing-small);margin:1rem;padding:.5rem 1rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.btn-container button:disabled{background:#cad1d8;background:var(--clr-neutral-5);cursor:not-allowed}.btn-container button:hover:not(:disabled){background:#06406f;background:var(--clr-primary-dark);color:var(--clr-white)}.spinner-container{position:relative}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:3px solid #cad1d8;border-radius:50%;border-top-color:#4199e1;border:3px solid var(--clr-neutral-5);border-top-color:var(--clr-primary-medium);height:6rem;margin:10rem auto 0;width:6rem}.stories{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto 5rem;max-width:1200px;max-width:var(--max-width);width:90vw}@media screen and (min-width:992px){.stories{grid-template-columns:1fr 1fr}}.story{background:var(--clr-white);border-radius:.5rem;border-radius:var(--radius-medium);box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:var(--light-shadow);padding:1.5rem 2rem;transition:all .3s ease-in-out;transition:var(--transition)}.story:hover{box-shadow:0 6px 10px rgba(0,0,0,.2);box-shadow:var(--dark-shadow)}.title{color:#484f56;color:var(--clr-neutral-2);line-height:1.5;margin-bottom:.25rem}.info{color:#768798;color:var(--clr-neutral-4);margin-bottom:.5rem}.read-link{color:#e77350;color:var(--clr-secondary-medium);font-size:.85rem;margin-right:.75rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.read-link:hover{color:#bb350c;color:var(--clr-secondary-dark)}.remove-btn{background:transparent;border-color:transparent;cursor:pointer;font-size:.85rem;text-transform:capitalize;transition:all .3s ease-in-out;transition:var(--transition)}.remove-btn,.remove-btn:hover{color:#db143c;color:var(--clr-error)}
/*# sourceMappingURL=main.4ced5dd7.css.map*/