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
@@ -0,0 +1,124 @@
+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);
+}
+
+
+/* Buttons */
+
+.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;
+}