video#video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-size: cover; } .black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7); } html, body { padding: 0; margin: 0; overflow: hidden; } html { background: url(space1.gif) } body { background-size:cover; } * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: normal; src: local('Bebas Neue'), url('BebasNeue.woff') format('woff'); } @font-face { font-family: 'CaviarDreams'; font-style: normal; font-weight: normal; src: local('CaviarDreams'), url('CaviarDreams.woff') format('woff'); } audio { display:none; } html, body { margin:0; padding:0; height:100%; } body { background-attachment: fixed; } sup, h1, font, input{ font-family: 'CaviarDreams'; color:gray; } #footer { position:fixed; right:0; bottom:0; margin:0; padding:0; width:75%; } #footer img {width:100%;} * { font-famly: 'Courier New'; color: white; } #b { font-weight: bold; color: black; } .centerContainer { width: 1000px; margin-left: auto; margin-right: auto; } #quoteText { font-family: 'CaviarDreams'; text-align: center; font-size: 40px; padding-top: 30px; } marquee { font-family: 'CaviarDreams'; text-align: center; font-size: 40px; } #headText { font-family: 'CaviarDreams'; text-align: center; font-size: 40px; padding-top: 30px; color:#40E0D0; } #testo { background-color: black; border-style: solid; text-align: center; position: auto; border-width: 2px; font-size: 50%; opacity: 0.5; } #divider { height: 2px; width: 400px; margin-left: auto; margin-right: auto; background-color:#40E0D0; margin-top: 20px; margin-bottom: 30px; } #divider2 { height: 2px; width: 400px; margin-left: auto; margin-right: auto; background-color: gray; margin-top: 20px; margin-bottom: 30px; } #logo { width: 100%; } #List { text-align: center; margin-top: 30px; overflow: hidden; font-size: 35px; height: calc(100% - 450px); width: 500px; margin-left: auto; margin-right: auto; padding-right: 6px; font-family: 'CaviarDreams'; } #membersList { text-align: center; margin-top: 30px; overflow: hidden; font-size: 25px; height: calc(100% - 500px); width: 600px; margin-left: auto; margin-right: auto; padding-right: 6px; font-family: 'Bebas Neue'; } #membersList:hover { padding-right: 0px; overflow: auto; } p { font-family: 'CaviarDreams'; color: white; } } ul { list-style-type: none; } .scrollbar::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); } .scrollbar::-webkit-scrollbar { width: 6px; } .scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); }