@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color: rgba(114, 114, 114, .3);background-color:#21046a;background-image:linear-gradient(0deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent);background-size:55px 55px;font-family:Inconsolata,monospace;font-optical-sizing:auto;font-weight:700}body{margin:0 auto 50px;display:flex;place-items:center;width:90vw;height:max-content}#root{width:inherit;height:max-content}.container{display:flex;height:100%;flex-direction:column;width:70%;margin:0 auto}.container h1{margin-top:100px;font-size:60px}.container p{font-size:22px;margin-top:-50px;margin-left:2px}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.card{display:flex;flex-direction:column;min-width:160px;min-height:160px;border-radius:8px;padding:14px;cursor:pointer;color:#000}.card h2{font-size:28px;margin:0}.card p{margin-top:2px;font-size:17px}select,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select{padding:10px;transition:.4s;width:max-content}option{display:flex;justify-content:flex-start;gap:20px;padding:10px;transition:.4s}.blog-page{width:70%;margin:50px auto;font-size:14px}.blog-page h1{font-size:32px}.blog-page hr{color:#fff}.blog-page h2{background-color:#676774;padding:10px;border-radius:8px}.blog-page h3{background-color:#50508d;padding:10px;border-radius:8px;width:max-content}.blog-page p{font-size:18px}.blog-page ul li{font-size:17px}.blog-page pre{background-color:#d3d3d3;color:#000;padding:10px;border-radius:8px}@media screen and (max-width: 768px){.container{margin:0%;width:100%}.card-grid{width:100%}.header h1{margin-top:40px}.blog-page{margin:0%;width:100%}.blog-page pre,.blog-page code{white-space:pre-wrap;word-break:break-word;overflow-x:auto}}