body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}body{background:#f0f0f0;padding:0}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease;width:300px}.card:hover{transform:translateY(-5px)}.card h2{font-size:24px;margin-bottom:10px}.card a{background:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:10px;padding:10px 15px;text-decoration:none;transition:background .3s}.card a:hover{background:#0056b3}@media (max-width:768px){.card{width:80%}}@media (max-width:480px){.card{width:100%}}.responsive-title{background-color:#f8f8ff;font-size:2.5rem;font-weight:700;margin:20px 0;text-align:center}@media (max-width:768px){.responsive-title{font-size:2rem}}@media (max-width:480px){.responsive-title{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;margin:10px 0 0;padding:15px 20px;position:relative}.logo{font-size:1.5rem;font-weight:700}nav{display:flex;gap:20px}nav a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}nav a:hover{color:#f39c12}.menu-toggle{cursor:pointer;display:none;flex-direction:column}.bar{background-color:#fff;height:3px;margin:2px 0;transition:all .3s ease;width:22px}@media (max-width:768px){nav{background-color:#333;display:flex;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;position:absolute;text-align:center;top:100%;transition:max-height .4s ease;width:100%;z-index:9999}nav.open{max-height:300px}.menu-toggle{display:flex}nav a{border-top:1px solid #444;padding:15px 20px}.menu-toggle.close .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.close .bar:nth-child(2){opacity:0}.menu-toggle.close .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.back-button{background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#333;font-size:16px;font-weight:600;margin:10px;padding:10px 20px;position:relative;text-decoration:none;transition:background-color .3s ease;width:fit-content}.back-button:hover{background-color:#e0e0e0}.Head-back-btn{display:flex;justify-content:end}.Head-main-div{align-items:center;display:flex;justify-content:space-between}.toggle-all-button{align-items:center;background:#fff;border:none;box-shadow:0 5px 15px #00000059;cursor:pointer;font-size:20px;font-weight:700;margin:10px 0 0;outline:none;padding:4px;text-align:center;transition:background-color .3s ease;width:15%}.show-hide-button,.toggle-all-button{display:flex;justify-content:center}.code-click-btn{margin-left:5px}.show-hide-button:hover{filter:invert(1)}.code-section{background-color:#fff;box-shadow:0 2px 5px #0000001a;display:block;margin:20px}.code-container,.code-section{border-radius:8px;padding:15px}.code-container{background-color:#493f63;color:#f8f8f2;font-size:14px;line-height:1.5;overflow-x:auto;position:relative}.copy-button{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;font-size:.9rem;margin-bottom:10px;padding:5px 10px}.copy-button:hover{background-color:#27ae60}pre{border-radius:5px;overflow-x:auto;padding:10px}.source-code-main-title{align-items:center;box-shadow:0 5px 15px #00000059;display:flex;justify-content:center;margin:10px 0 0;text-align:center;width:250px}img.source-code-down{width:25px}.source-code-name{display:flex;justify-content:center}.CSS-title,.HTML-title,.Js-title{margin:0 0 0 10px}@media (max-width:600px){.copy-button{font-size:11px;padding:4px 8px}.code-container{font-size:13px}}@media (max-width:768px){.source-code-main-title{height:30px;width:202px}.toggle-all-button{width:235px}}
/*# sourceMappingURL=main.a137a5fb.css.map*/