body{padding-top:3px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#fff}.tv-container{font-family:Lobster,cursive;text-align:center;background-color:#190e28;padding-top:20px}.title{font-size:38px;color:#fff;margin:20px auto 0}.tv-block{position:relative;width:1300px;height:540px;margin:0 auto;background-color:#000;border-radius:5px;border-bottom:2px solid #000;box-shadow:0 1px 5px #6d6d6d,inset 0 1px 2px #e2e3e4}.tv-screen-frame{position:absolute;top:10px;left:10px;box-shadow:inset 0 1px 2px #e2e3e4,0 1px 1px #0000004d;border:1px solid #000;border-radius:5px;width:1220px;height:480px}.tv-screen{width:1200px;height:480px;background:#000;border:1px solid #000;border-radius:5px;position:absolute;top:1px;left:10px;overflow:hidden}.tv-controls{background:#3c3e41;background:-webkit-repeating-linear-gradient(-90deg,#313335,#313335 3px,#3D4043 5px);background:-moz-repeating-linear-gradient(-90deg,#313335,#313335 3px,#3D4043 5px);background:-o-repeating-linear-gradient(-90deg,#313335,#313335 3px,#3D4043 5px);background:repeating-linear-gradient(-90deg,#313335,#313335 3px,#3d4043 5px);background-size:100% 5px;width:60px;height:500px;position:absolute;top:10px;right:5px;box-shadow:inset 0 1px 2px #e2e3e4,0 1px 1px #0000004d;border:1px solid #333;border-radius:5px}.tv-controls .buttons{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tv-controls .buttons .button{border-radius:100px;width:15px;height:15px;background:#a3a7ab;display:inline-block;box-shadow:inset 0 1px 2px #333;border:1px solid #333}.tv-controls .buttons .button:nth-child(1){margin-right:5px}.tv-controls .buttons .button:before{content:"";border-radius:100px;padding:5px;margin-top:2px;margin-left:-6px;position:absolute;background:#a5a9ad;box-shadow:inset 0 0 7px #333;border:1px solid #303030}.tv-bottom{width:280px;height:15px;background:#2a2c2e;margin:0 auto;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border:1px solid #2A2C2E}.container-shadow{width:140px;height:20px;z-index:-1;position:relative;margin:0 auto;top:-25px;box-shadow:0 15px 5px -5px #6d6d6d}.grid{display:flex;flex-direction:column;width:fit-content;margin:auto;padding:10px;background-color:#111;border:5px solid cyan;box-shadow:0 0 15px #00000080;display:inline-block}.row{display:flex}.cell{width:20px;height:20px;margin:1px;background-color:#000;border-radius:50%;display:inline-block}.outer{display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar{background:#190e28;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 8px #211138}.logo{color:#fff;font-size:2em;font-family:Lobster,cursive;text-shadow:2px 2px 5px #00ffcc}.nav-links{list-style:none;display:flex;gap:25px}.nav-links a{color:#a3a7ab;text-decoration:none;font-size:1.2em;padding:8px 12px;border-radius:5px;background:#313335;box-shadow:inset 0 1px 3px #111,0 1px 3px #00000080;transition:background .3s,color .3s}.nav-links a:hover{background:#4a4d50;color:#0fc}.nav-links a:active{box-shadow:inset 0 2px 5px #111,0 2px 5px #000000b3}.footer{background:#190e28;color:#fff;padding:15px 20px;text-align:center;box-shadow:0 -4px 8px #211138;font-family:Lobster,cursive;font-size:1.2em;position:relative;width:100%;margin-top:20px;overflow:hidden}.footer p{margin:0;color:#a3a7ab;text-shadow:2px 2px 5px #00ffcc}.footer a{color:#0fc;text-decoration:none;transition:color .3s}.footer a:hover{color:#fff}.card-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;background-color:#190e28}.card{background:#222;border-radius:10px;box-shadow:0 4px 8px #0000004d;overflow:hidden;transition:transform .3s,box-shadow .3s;border:2px solid white}.card:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000080}.card-image{width:100%;height:20vw;object-fit:cover}.card-content{padding:15px}.card-title{font-family:Lobster,cursive;font-size:1.5em;color:#0fc;margin:0;text-align:center}.card-description{text-align:center;color:#a3a7ab;font-size:1em;margin-top:10px}body{background-color:#10081c;border-radius:30px}
