@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat|Roboto+Slab:400,700|Sancreek&display=swap'); html { background: #371938 url(https://i.imgur.com/C3qNnMQ.png) repeat fixed; } body { background: #1b051c; border-left: 3px solid #ff5d00; border-right: 3px solid #ff5d00; font-family: Montserrat; font-size: 12px; position: relative; color: #fce4cc; } #footer, #content { background: transparent; border: transparent; font-family: Montserrat; color: #fce4cc; } #footer hr { border: 0px!important; } .box { width: 800px; background: #371938; border-radius: 10px; border: 0px; padding: 20px; color: #fce4cc; } ul.infolinks { background: #1b051c; border-radius: 10px; border: 0px; } .infolinks li a { font-family: Roboto Slab; text-transform: uppercase; font-size: 16px; text-align: center; letter-spacing: 3px; font-weight: 700; color: #fce4cc; border: 0px; } .trophycase { text-align: center; } .trophycase div { float: none !important; display: inline-block; font-family: Roboto Slab; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-weight: 700; color: #fce4cc; } .registry { text-align: center; } /* STYLES */ a, #footer a { font-family: Montserrat; color: #a378a5; border-bottom: 1px dashed #ff5e00; } a:hover, #footer a:hover { font-family: Montserrat; color: #ff5e00; border-bottom: 1px dashed #fce4cc; } b { font-family: Roboto Slab; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #ff5e00; } h2 { background: transparent; border: 0px; font-family: Sancreek; text-transform: uppercase; font-variant: normal; font-size: 40px; line-height: 25px; margin: 10px auto 5px auto; text-align: center; font-weight: normal; color: #fce4cc; letter-spacing: 5px; } h5 { font-family: Roboto Slab !important; text-transform: uppercase !important; border: 0px !important; color: #fce4cc !important; font-size: 16px !important; letter-spacing: 3px !important; } hr { border: 0px !important; background: transparent url(https://i.imgur.com/9KyhKNF.png) no-repeat center top; height: 50px; width: 75%; margin: 0px auto; } input[type=text], input[type=password] { background-color: #1b051c!important; border: 0px !important; border-radius: 3px; color: #fce4cc; font-family: Open Sans; font-size: 12px; } input[type=submit], input[type=submit]:hover { background-color: #1b051c!important; border: 0px!important; border-radius: 5px; color: #ff5e00; font-family: Roboto Slab; font-size: 15px; padding: 5px; letter-spacing: 0px; text-transform: uppercase; font-weight: 700; } input[type=submit]:hover { color: #fce4cc; } input, textarea { background-color: #1b051c; border: 0px!important; border-radius: 5px; color: #fce4cc; font-family: Open Sans; font-size: 12px; } ::-webkit-scrollbar-thumb{ background: #ff5e00; } ::-webkit-scrollbar { width: 7px; } ::-webkit-scrollbar-track { background: transparent; } /* NAV MENU */ #menu { background: transparent; width: 900px; position: relative; top: 25px; left: 0px; z-index: 99; text-align: center; } ul#nav { width: 900px; margin: 0px auto; } ul#nav li a { float: none !important; color: #D8D1BF; background: transparent; border: 0px; padding: 0px 10px; font-family: Roboto Slab; font-size: 12px; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 2px; text-shadow: none; } #nav ul { background: transparent!important; } #nav li:hover ul { background: transparent!important; } #nav a:hover { color: #ff5e00!important; background-color: transparent; letter-spacing: 2px; font-weight: 700 !important; } ul#nav .selected a, ul#nav li.selected > a { height: 25px; font-size: 12px; font-weight: 700 !important; letter-spacing: 2px; } ul#nav li.selected > a { color: #ff5e00; background-color: transparent; letter-spacing: 2px; } #nav ul { width: 900px !important; top: 0px; left: -25px; } ul#nav li.selected > ul li a { float: none!important; font-family: Roboto Slab; margin-top: 0px; margin-left: 0px; color: #a378a5; font-weight: bold; font-size: 10px; font-variant: normal; text-transform: uppercase!important; font-style: normal; letter-spacing: 1px; border: 0px; } ul#nav li.selected > ul li a:hover { color: #ff5e00!important; }