.jetbrains-mono{font-family:JetBrains Mono,serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.jetbrains-mono-thin{font-family:JetBrains Mono,serif;font-optical-sizing:auto;font-style:normal;font-weight:100}body{animation:gradientAnimation 8s ease infinite;background:linear-gradient(-45deg,#e3fccd,#e4ffcc,#f7fff0,#dfffc3);background-size:400% 400%;font-family:JetBrains Mono,monospace;height:100vh;margin:0;padding:0}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.connecting,h1{text-align:center}.grid-container{display:flex;justify-content:center;margin-top:20px}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:800px;width:100%}.grid-item{background:#fff;border:3px solid #000;border-radius:8px;cursor:pointer;overflow:hidden;padding-top:100%;position:relative;transition:transform .3s ease;width:100%}.grid-item:hover{transform:scale(1.05)}.grid-item img{filter:grayscale(100%);height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);transition:filter .3s ease,transform .3s ease;width:100%}.grid-item:hover img{filter:grayscale(0)}.modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:10px;max-height:90%;max-width:80%;overflow:auto;padding:20px;position:relative;text-align:center}.modal-image{border-radius:5px;max-height:70vh;max-width:100%}.modal-description{color:#333;font-size:16px;margin-top:10px}.close-btn{background:#ff4d4d;border:none;border-radius:60%;color:#f0f0f0;cursor:pointer;font-size:18px;padding:5px 7px;position:absolute;right:10px;top:10px}.close-btn:hover{background:#ff1a1a}footer{bottom:50px;color:#333;font-size:16px;font-weight:700;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%)}@media (max-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-content{max-width:90%}.modal-image{max-height:60vh}.modal-description{font-size:14px}}
/*# sourceMappingURL=main.ee348482.css.map*/