Add style.css

2024-03-30 01:41:09 +00:00 · 2024-03-30 01:41:09 +00:00 · e9d63bc8a3
parent 356e80a7a1
commit e9d63bc8a3
1 changed files with 236 additions and 0 deletions
--- a/style.css
+++ b/style.css
@ -0,0 +1,236 @@
+body {
+
+    margin: 0px;
+
+    background-color: #A73A36;
+
+
+    }
+
+
+    h1 {
+
+    font: caption;
+
+    color: red;
+
+    text-align: center
+
+    }
+
+    #interest {
+
+    background-color: rgba(113, 0, 249, 0.86);
+
+    border-radius: 22px;
+
+    margin-bottom: 20px;
+
+    border: 2px solid #73AD21;
+
+    padding: 20px;
+
+    word-wrap: break-word;
+
+    }
+
+    #template {
+
+    background-color: rgba(113, 0, 249, 0.86);
+
+    border-radius: 22px;
+
+    margin-bottom: 20px;
+
+    border: 2px solid #73AD21;
+
+    padding: 20px;
+
+    word-wrap: break-word;
+
+    }
+
+    #info {
+
+    background-color: rgba(113, 0, 249, 0.86);
+
+    border-radius: 22px;
+
+    border: 2px solid #73AD21;
+
+    padding: 20px;
+
+    word-wrap: break-word;
+
+    margin-bottom: 50px;
+
+    }
+
+    customtext {
+
+      font-family: Arial, Helvetica, sans-serif;
+
+        color: white;
+
+          text-align: center
+
+          }
+
+          anothertesxt {
+
+            color: lightgreen;
+
+              font-family: Arial, Helvetica, sans-serif;
+
+              }
+
+              anothertext {
+
+                color: green;
+
+                  font-family: Arial, Helvetica, sans-serif;
+
+                  }
+
+                  #template p {
+
+                    color: white;
+
+                      font-family: Arial, Helvetica, sans-serif;
+
+                      }
+
+                      #info code {
+
+                        background-color: black;
+
+                          margin-bottom: 20px;
+                            
+                              color: green;
+                                 
+                                   font-family: Monospace;
+
+                                   }
+
+                                   #interest code {
+
+                                     background-color: black;
+
+                                       margin-bottom: 20px;
+                                         
+                                           color: green;
+                                              
+                                                font-family: Monospace;
+
+                                                }
+
+                                                #anotherfooter {
+
+                                                  background-color: #2C2C2C;
+
+                                                    word-wrap: break-word;
+                                                      
+                                                        
+                                                          
+                                                            height: 365px;
+                                                              width: 97%;
+                                                                
+                                                                  float: right;
+                                                                    
+                                                                      text-align: center;
+                                                                        
+                                                                          padding: 10px;
+                                                                            
+
+                                                                            }
+
+                                                                            #notherfooter {
+
+                                                                              background-color: #2C2C2C;
+
+                                                                                word-wrap: break-word;
+                                                                                  
+                                                                                    
+                                                                                      
+                                                                                        height: 400px;
+                                                                                          width: 98%;
+                                                                                            
+                                                                                              float: left;
+                                                                                                
+                                                                                                  text-align: center;
+                                                                                                    
+                                                                                                      padding: 10px;
+                                                                                                        
+
+                                                                                                        }
+
+                                                                                                        #thehftleft {
+                                                                                                          float: ;
+                                                                                                            background-color: #2C2C2C;
+                                                                                                              width: 100%;
+                                                                                                                height: 100%;
+                                                                                                                }
+
+                                                                                                                #halfright {
+                                                                                                                  float:left;
+                                                                                                                    background-color: #2C2C2C;
+                                                                                                                      float: left;
+                                                                                                                      }
+
+                                                                                                                      #anotherfooter h1 {
+
+                                                                                                                        text-align: center;
+
+                                                                                                                          font-size: 20px;
+
+                                                                                                                            margin-top: 20px;
+
+                                                                                                                            }
+
+                                                                                                                            #anotherfooter customtextagain {
+
+                                                                                                                              color: yellow;
+
+                                                                                                                                font: caption;
+
+                                                                                                                                }
+
+
+                                                                                                                                #anotherfooter p {
+
+                                                                                                                                  font-family: Arial, Helvetica, sans-serif;
+
+                                                                                                                                    color: red;
+
+                                                                                                                                      margin-top: 20px;
+
+                                                                                                                                        text-align: center;
+
+                                                                                                                                          font-size: 50px;
+
+                                                                                                                                          }
+
+                                                                                                                                          #anotherfooter h2 {
+                                                                                                                                             font-family: sans-serif;
+                                                                                                                                                color: white;
+                                                                                                                                                   text-align: center;
+                                                                                                                                                      margin-bottom: 20px;
+                                                                                                                                                      }
+
+                                                                                                                                                      #template footer {
+
+                                                                                                                                                        margin-top: 50px;
+
+                                                                                                                                                          color: white;
+
+                                                                                                                                                            text-align: end;
+
+                                                                                                                                                              font-family: Helvetica;
+
+                                                                                                                                                              }
+
+                                                                                                                                                              #anotherfooter red {
+                                                                                                                                                                 color: red;
+                                                                                                                                                                    font-family: sans-serif;
+                                                                                                                                                                    }
+}