body { font-family: 'Courier New', monospace; background-color: black; color: white; overflow-y:auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } body::-webkit-scrollbar { display: none; } .video-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -10; } #video-bg { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .topnav { overflow: hidden; width:80%; margin:auto; padding: 30px; padding-top:0px; } h4{ font-style:normal; } .oeo{ width:300px; marquee-speed:slow; } marquee{ font-size:14px; height:18px; marquee-speed:slow; position:fixed; } .chat{ height: 400px; width: 300px; position: fixed; z-index: 1; bottom: 0; left:5px; padding-bottom: 10px; border:0; } .meth{ height: 300px; width: 350px; position: fixed; z-index: 1; bottom: 0; padding-bottom:10px; right:180px; padding-right:10px; padding-bottom: 120px; flex-direction:column; justify-content:flex-end; } .methtext{ font-size:13px; color:#B8EFEE; } .methtext3000{ font-size:14px; color:#B8EFEE; } .glow { font-size: 15px; color: #fff; text-align: center; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #007fe6, 0 0 40px #008ae6, 0 0 50px #0064e6, 0 0 60px #006be6, 0 0 70px #0077e6; } to { text-shadow: 0 0 20px #fff, 0 0 30px #4d9aff, 0 0 40px #4db8ff, 0 0 50px #4d85ff, 0 0 60px #4dafff, 0 0 70px #4d77ff, 0 0 80px #4d94ff; } } .bottomcontainer{ padding-top:15px; width:1265px; display:flex; justify-content:space-between; } .boxxx { width:600px; height:400px; font-size:16px; color:white; padding:3px; text-align: center; opacity:.8; overflow:hidden; bottom:1; } h1{ font-size:22px; color:#85D0EC; } /* Style the links inside the navigation bar */ .topnav a { color: #f2f2f2; text-align: center; padding: 14px 40px; text-decoration: none; font-size: 17px; } /* Change the color of links on hover */ .topnav a:hover { color: skyblue; } img[src*="counter.websiteout"] { position: relative; left: 50%; transform: translate(-90px, 0); margin: 10px; } h1, h2 { font-weight: 400; } .center-container { display: flex; flex-direction: column; align-items: flex-start; z-index:12; font-family: 'Cairo Play', sans-serif; font-size:14px; justify-content: center; } .sidenav { height: 100%; /* Full-height: remove this if you want "auto" height */ width: 180px; /* Set the width of the sidebar */ position: fixed; /* Fixed Sidebar (stay in place on scroll) */ z-index: 1; /* Stay on top */ top: 0; /* Stay at the top */ right:0; background-image: url(https://soyboyrad.io/stars.gif); overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 20px; opacity:0.9; } /* The navigation menu links */ .sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; font-size: 14px; color: darkgrey; display: block; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { color: white; } /* Style page content */ .main { margin-left: 180px; /* Same as the width of the sidebar */ padding: 0px 10px; } .sidenav123 { height: 30%; /* Full-height: remove this if you want "auto" height */ width: 300px; /* Set the width of the sidebar */ } @media(max-width:1750px) { body{ background-size: cover; font-size:14px; } .home-container{ height: 510px; } .activelisten{ font-size:20px; } .meth{ position:relative; width:100px; display:none; } .methtext{ display:none; } .sidenav {padding-top: 15px;} .sidenav a {font-size: 15px;} .methtext{ font-size:9px; } .lunaradio{ width:350px; height:400px; } .topnav a { color: #f2f2f2; text-align: center; padding: 10px 20px; text-decoration: none; font-size: 14px; } .topnav { overflow: hidden; width:100%; margin:auto; padding: 25px; display:center; } #rt-121263ddf5fe7c0078c42753f0e44c21{ display:none; width:100%; height:100%; } .boxxx{ display:none; } .chat{ width:250px; height:350px; } .bottomcontainer{ width:100%; } html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } } @media(max-width:1000px) { body{ background-size: cover; font-size:15px; } .home-container{ height: 510px; } .meth{ position:relative; width:100px; display:none; } .methtext{ display:none; } .sidenav {padding-top: 15px;} .sidenav a {font-size: 30px;} .sidenav { display:none; } .lunaradio{ width:500px; height:500px; } .topnav a { color: #f2f2f2; text-align: center; padding: 1px 1px; text-decoration: none; font-size: 10px; } .topnav { overflow: hidden; width:100%; font-size:10px; margin:auto; padding: 25px; display:center; } #rt-121263ddf5fe7c0078c42753f0e44c21{ display:none; width:100%; height:100%; } .boxxx{ display:none; } .chat{ width:80%; height:800px; } .bottomcontainer{ width:100%; } html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } }