body{background:linear-gradient(180deg,#0a192f,#112240);margin:0}.searchbar{background:linear-gradient(45deg,#0fc,#ff2e63);border-radius:15px;box-shadow:0 8px 16px #0009;display:flex;justify-content:center;margin-bottom:30px;padding:20px}.searchbar .form{align-items:center;display:flex}.searchbar .form .button{background:#1e3a8a;border:3px solid #0fc;border-radius:10px;cursor:pointer;padding:12px 24px;transition:all .3s ease}.searchbar .form .button:hover{background:#2563eb;box-shadow:0 0 20px #0fcc;transform:scale(1.1) rotate(3deg)}.searchbar .form .button .button-label{color:#fff;font-size:18px;font-weight:900;text-transform:uppercase}.searchbar .form .input{background:#ffffff26;border:3px solid #0fc;border-radius:10px;color:#fff;font-size:18px;font-weight:700;margin-left:20px;padding:12px;transition:all .3s ease;width:400px}.searchbar .form .input:focus{border-color:#ff2e63;box-shadow:0 0 15px #ff2e63cc;outline:none}.searchbar .form .input::placeholder{color:#ffffffb3}.article-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;list-style:none;margin:40px auto;max-width:800px;padding:0}.article-list .article-item{background:#ffffff1a;border:2px solid #0fc;border-radius:10px;padding:15px;transition:all .3s ease}.article-list .article-item:hover{border-color:#ff2e63;box-shadow:0 0 20px #00ffccb3,0 0 30px #ff2e6380;transform:translateY(-5px)}.article-list .article-item a{color:#0fc;display:block;font-size:18px;font-weight:600;text-decoration:none;transition:color .3s ease}.article-list .article-item a:hover{color:#ff2e63;text-shadow:0 0 10px #ff2e63cc}.load-more{background:linear-gradient(45deg,#ff2e63,#0fc);border:3px solid #fff;border-radius:12px;color:#0a192f;cursor:pointer;display:block;font-size:20px;font-weight:900;margin:40px auto;padding:14px 40px;text-transform:uppercase;transition:all .3s ease}.load-more:hover{background:linear-gradient(45deg,#0fc,#ff2e63);box-shadow:0 0 25px #0fcc;transform:scale(1.15) rotate(-3deg)}.loader{display:flex;justify-content:center;margin:40px 0}.loader .oval{filter:drop-shadow(0 0 15px rgba(0,255,204,.8))}.app{color:#fff;min-height:100vh;padding:40px;text-align:center}.error{color:#ff2e63;font-size:24px;font-weight:900;margin:30px 0;text-shadow:0 0 15px #ff2e63cc;text-transform:uppercase}
/*# sourceMappingURL=main.d03a2614.css.map*/