diff --git a/static/css/main.css b/static/css/main.css index 444d077..ddbd14b 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,8 +1,8 @@ * { - padding: 0%; - margin: 0%; box-sizing: border-box; font-family: "Noto Sans Mono", monospace; + margin: 0%; + padding: 0%; } .mainbg { @@ -10,20 +10,20 @@ } .mainbg video { - width: 100vw; height: 100vh; object-fit: cover; position: fixed; + width: 100vw; z-index: -1; } .background-image { - width: 100%; height: 100%; + left: 0; object-fit: cover; position: absolute; top: 0; - left: 0; + width: 100%; z-index: -1; } @@ -33,13 +33,13 @@ } .content div { - position: relative; + align-items: center; + color: white; display: flex; flex-direction: column; justify-content: center; - align-items: center; + position: relative; text-align: center; - color: white; } .contenthead { @@ -47,19 +47,19 @@ } .contentheading { + display: flex; font-family: inherit; + font-size: 20px; + justify-content: center; margin: 0%; padding: 5px; - display: flex; - justify-content: center; - font-size: 20px; text-shadow: 0 0 3px #fff; } .animatedText { + font-size: 18px; height: 5vh; padding-bottom: 10px; - font-size: 18px; text-shadow: 0 0 5px #fff; width: 100%; } @@ -67,20 +67,20 @@ /* Style for both button and anchor */ .contentbtn button, .contentbtn a { - width: 100%; - margin-bottom: 20px; border-radius: 5px; - transition: all .15s ease; + display: inline-block; /* Ensure consistent spacing */ letter-spacing: .025em; - text-shadow: 0 0 1px #fff; + margin-bottom: 20px; text-decoration: none; /* Remove default underline on anchor elements */ - display: inline-block; /* Ensure consistent spacing */ + text-shadow: 0 0 1px #fff; + transition: all .15s ease; + width: 100%; } .contentbtn button:hover, .contentbtn a:hover { - color: black; background-color: #fff; + color: black; } footer { @@ -116,4 +116,4 @@ footer a:hover { .mainbg { height: 100vh !important; } -} +} \ No newline at end of file