@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1b21;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:linear-gradient(145deg,#0f111a,#121828);color:#fff;font-family:Poppins,sans-serif;margin-top:-25px;padding:0}.container{animation:fadeIn 1.2s ease-out;padding:50px 20px;text-align:center}.title{-webkit-text-fill-color:#fff;animation:none;background:none;font-family:"DM Serif Display",serif;font-size:48px;font-weight:400;letter-spacing:1px;margin-bottom:50px;text-align:center;text-shadow:none;text-transform:none}.board{grid-gap:16px;animation:borderGlow 4s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#5100ff14,#007bff14);border-radius:30px;box-shadow:0 0 0 rgba(11,61,171,.034);display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;padding:25px;width:fit-content}@keyframes borderGlow{0%{box-shadow:0 0 4px #a000ff1a,0 0 8px #00cfff14}50%{box-shadow:0 0 12px #a000ff33,0 0 20px #00cfff26}to{box-shadow:0 0 4px #a000ff1a,0 0 8px #00cfff14}}.boxes{align-items:center;animation:scaleIn .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;box-shadow:none;cursor:pointer;display:flex;height:160px;justify-content:center;transition:.3s ease;width:160px}.boxes:hover{box-shadow:none;transform:scale(1.05)}.boxes img{animation:dropIn .3s ease;height:80px;width:80px}.reset{background:linear-gradient(90deg,#a000ff,#00a2ff);border:none;border-radius:50px;box-shadow:none;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:40px;padding:16px 36px;transition:.3s ease}.reset:hover{animation:pulseGlow 1.5s infinite alternate;box-shadow:0 0 8px #a000ff4d,0 0 12px #00cfff33;transform:scale(1.2)}@keyframes dropIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 8px #a000ff33,0 0 12px #00cfff1a}to{box-shadow:0 0 14px #a000ff59,0 0 20px #00cfff40}}
/*# sourceMappingURL=main.300093e3.css.map*/