body { background-color: #fde8fe; font-size: 16px; color: #573280; font-family: "Montserrat", sans-serif; text-transform: lowercase; cursor: url(https://i.imgur.com/vl7YVPz.png), auto; } @import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap"); img { max-width: 100%; height: auto; } ::selection { background-color: #e2c4fc; color: #490875; } a { text-decoration: underline; color: #ff77e2; font-weight: bold; } a:hover { text-decoration: underline; color: #63b2dd; } i { font-style: italic; color: #ff77e2; } p { margin: 0px; margin-bottom: 8px; text-align: center; } b { color: #ff77e2; } ul { list-style-image: url("https://i.imgur.com/LthIF6f.gif"); } .container { position: relative; top: 50px; margin-left: auto; margin-right: auto; width: 1050px; height: 780px; font-family: "Montserrat", sans-serif; font-size: 16px; } iframe { background-color: #fde8fe; font-family: arial; font-size: 12px; border: none; width: 100%; height: 100%; } h1 { text-transform: lowercase; color: white; font-size: 25px; text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2, 1px 1px 0 #ff77e2, 2px 2px #573280; font-weight: bold; letter-spacing: 0px; text-align: center; background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd); opacity: 0.5; margin-top: 0px; margin-bottom: 5px; } h2 { font-size: 15px; text-transform: lowercase; text-align: center; text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2, 1px 1px 0 #ff77e2, 2px 2px #573280; opacity: 0.5; letter-spacing: 2px; color: white; background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd); margin-top: 0px; margin-bottom: 3px; } h3 { font-size: 12px; text-transform: lowercase; text-align: left; text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2, 1px 1px 0 #ff77e2, 2px 2px #573280; background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd); opacity: 0.5; letter-spacing: 4px; color: white; } table { text-align: left; border-collapse: separate; border-spacing: 2px; } .nav { font-size: 12px; text-transform: lowercase; position: absolute; height: 775px; width: 200px; top: -5px; left: 830px; text-align: left; color: #573280; } .sidebar table { width: 200px; } .sidebar a { text-decoration: none; } .sidebar td { padding-top: 0px; padding-bottom: 2px; padding-left: 7px; border-radius: 10px; } .sidebar td:nth-child(even) { width: 157px; } .sidebar tr :hover { background-color: white; text-decoration: none; } .header { position: absolute; background-color: #fde8fe; top: 10px; left: 5px; width: 210px; box-sizing: border-box; border: 1px solid #d6abfb; } .me { position: absolute; background-color: #fde8fe; top: 35px; margin: 5px; height: 245px; width: 210px; box-sizing: border-box; border: 1px solid #d6abfb; } .you { position: absolute; background-color: #fde8fe; top: 285px; margin: 5px; width: 210px; border: 1px solid #d6abfb; height: 190px; box-sizing: border-box; } .poll { background-color: #fde8fe; position: absolute; top: 480px; margin: 5px; width: 210px; box-sizing: border-box; background: #fde8fe; border: 1px solid #d6abfb; font-size: 11px; } .stats { background-color: #fde8fe; position: absolute; top: 660px; margin: 5px; width: 210px; box-sizing: border-box; background: #fde8fe; border: 1px solid #d6abfb; font-size: 11px; } .marquee { background-color: #fde8fe; position: absolute; width: 208px; top: 730px; white-space: nowrap; height: 31px; margin: 5px; border: 1px solid #d6abfb; } .footer { background-color: #fde8fe; position: absolute; width: 208px; margin: 5px; top: 769px; text-align: right; font-size: 8.5px; color: #ff77e2; border: 1px solid #d6abfb; } .main { position: absolute; box-sizing: border-box; color: #490875; width: 825px; height: 776px; padding: 5px; margin: 5px; background: #fde8fe; border: 1px solid #d6abfb; border-radius: 1px; font-size: 0.9em; } /* Scrollbar styles */ ::-webkit-scrollbar { width: 12px; height: 12px; background: #ff77e2; } ::-webkit-scrollbar-track { background: linear-gradient(#fbb3f1, #e8c9fb, #b6ccef); opacity: 0.5; border-radius: 0px; width: 0px; border: 1px solid #ff77e2; } ::-webkit-scrollbar-thumb { background: #fbb3f1; border: 1px solid #ff77e2; border-radius: 0px; }