*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:1.25rem;font-family:Poppins,Arial,Helvetica,sans-serif;background-color:#f9f9f9}::-webkit-scrollbar{width:1.25rem;background:#dcd7d7}::-webkit-scrollbar-thumb{background:#777;border-radius:.8rem}.spinner{width:60px;height:60px;border:2px solid #f3f3f3;border-top:3px solid #000;border-radius:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#overlay{height:100%;width:100%;background:#fff;position:fixed;left:0;top:0;right:0;bottom:0;z-index:999}.header{margin-bottom:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{margin:30px;font-size:48px;text-align:center}a{text-decoration:none}.big-btn{margin-bottom:30px;padding:1rem 1.25rem;color:#fff;background:#6767c3;font-size:1.25rem;font-weight:900;text-align:center;border-radius:1rem;border:2px solid transparent;box-shadow:.25rem .25rem 1.25rem 2px rgba(0,0,0,.1);transition:.3s ease}.big-btn:last-child{margin-bottom:0;word-spacing:.25rem}.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.25rem;gap:1.25rem}.post{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:.25rem .25rem 1.25rem 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-around;transition:transform .3s ease}.post:hover{transform:translateY(-1.25rem)}.post h2{margin:0 0 1.25rem}.post p{line-height:1.5}.post a.blog{color:#6767c3;font-size:13px}.post a.blog span{color:#000;font-weight:500}.post-skeleton{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:.25rem .25rem 1.25rem 2px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.25rem;justify-content:space-around}.post-skeleton h2,.post-skeleton p{display:flex;flex-direction:column;gap:.5rem}.desc-skeleton,.half-desc-skeleton,.half-title-skeleton,.link-skeleton,.title-skeleton{padding:.5rem;animation:scan 1s ease infinite alternate;border-radius:.4rem;transition:.3s ease}@keyframes scan{0%{background-color:#ccc}to{background-color:#ddd}}.half-desc-skeleton,.half-title-skeleton{width:40%}.post-skeleton .link-skeleton{flex:1 1}.flex{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:1.25rem}input{padding:1rem 1.25rem;border-radius:.8rem}input::placeholder{font-family:Poppins,Arial,Helvetica,sans-serif}.search-btn,input{font-family:Poppins,Arial,Helvetica,sans-serif;border:2px solid transparent;box-shadow:.25rem .25rem 1.25rem 2px rgba(0,0,0,.1);outline:0;transition:.3s ease}.search-btn{background-color:#01010e;color:#fff;cursor:pointer}.big-btn:focus-visible,.search-btn:focus-visible,input:focus-visible{border:2px solid #1313ff}.read-more,.search-btn{padding:1rem 1.25rem;font-size:1rem;font-weight:700;border-radius:.8rem;transition:opacity .3s ease-in-out}a.read-more{color:#6767c3;text-transform:uppercase}a.big-btn:hover,a.read-more:hover,button:hover{opacity:.9}.ref{margin-top:2rem}.err{padding:1.25rem 1rem;background:#ff5454;border-radius:12px;color:#fff}