Moved CSS from HTML to CSS files

2026-05-14 22:16:54 +00:00 · 2022-10-11 09:22:14 -04:00
parent 37babea300
commit 626e8bee51
16 changed files with 985 additions and 1123 deletions
@@ -22,133 +22,7 @@
        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Rajdhani:wght@300&family=Rouge+Script&family=Share+Tech+Mono&display=swap" rel="stylesheet">
    </span>

-    <style>
-        html { width:100%; height:100%; margin:0; padding:0; }
-
-        body {
-            /* background-color: rgb(4, 4, 85); */
-            background-color: rgb(38, 39, 49);
-            width:100%; height:100%; margin:0; padding:0;
-            color: white;
-        }
-		.navbar .nav-item {
-			margin-right: 25px;
-			margin-left: 25px;
-		}
-
-        #right {
-            float: right;
-            margin-right: 50px;
-        }
-
-        #right {
-            float: right;
-            margin-right: 50px;
-        }
-
-
-        h1 {
-            /* color: rgb(0, 74, 235); */
-            /* outline-style: dotted; */
-            text-align: center;
-            margin-right: 1%;
-            margin-left: 1%;
-        }
-
-        h2 {
-            color: rgb(255, 255, 255);
-            text-align: center;
-        }
-
-        p {
-            color: white;
-            margin-left: 1%;
-        }
-
-        h3 {
-            margin-left: 1%;
-        }
-
-		.desctext {
-			color: white;
-			margin-top: 20px;
-			background-color: rgb(1, 69, 196, 0.1);
-			padding: 10px;
-			border-radius: 10%;
-            border-style: groove;
-            border-color: rgb(255, 255, 255, 0.6);
-			width: auto;
-		}
-
-        .navbar-fixed-top {
-			position: fixed;
-			right: 0;
-			left: 0;
-			z-index: 1030;
-			top: 0;
-		}
-
-        .picon {
-            border-radius: 50%;
-            background-color: rgba(255, 204, 51, 0.2);
-            box-shadow: 0 0 12px 7px rgba(252, 200, 28, 0.2);
-        }
-    </style>
-
-<!-- BUTTONS HERE -->
-    <style>
-        .logoutbtn {
-            margin-top: 14px;
-            scale: 1.2;
-			border-radius: 10%;
-        }
-        .logoutbtn:hover {
-            cursor: pointer;
-            color: red;
-        }
-
-        .loginbtn {
-            margin-top: 14px;
-            scale: 1.2;
-			border-radius: 10%;
-		}
-		.loginbtn:hover {
-			color: #377aea;
-		}
-
-		.fivedollarbtn {
-			color: #00f2f2;
-			font-size: 23px;
-			border: 1px solid #2fffe0;
-			border-radius: 10px;
-			padding: 10px 30px;
-			letter-spacing: 1px;
-			cursor: pointer
-		}
-		.fivedollarbtn:hover {
-			color: #000000;
-			background-color: #00f2f2;
-		}
-
-        .tendollarbtn {
-			color: #30f200;
-			font-size: 23px;
-			border: 1px solid #50f801;
-			border-radius: 10px;
-			padding: 10px 30px;
-			letter-spacing: 1px;
-			cursor: pointer
-		}
-		.tendollarbtn:hover {
-			color: #000000;
-			background-color: #30f200;
-		}
-
-        h1 {
-            font-family: 'Share Tech Mono', monospace;
-        }
-    </style>
-
+    <link rel="stylesheet" type="text/css" href="/CSS/premium.css">

    <script>
        window.onload = () => {