tried specifying width and height

2021-08-23 23:47:33 +02:00
parent c2729a19db
commit e58c6e4b47
2 changed files with 4 additions and 4 deletions
--- a/style.css
+++ b/style.css
@@ -0,0 +1,101 @@
+
+.page-head
+{
+    height: 75px;
+}
+
+.page-head div
+{
+    position: fixed;
+    width: 100%;
+    background-color: rgba(26, 26, 26, 0.596);
+    color: white;
+    padding: 1px;
+    margin: 0;
+    vertical-align: middle;
+}
+
+.page-head img
+{
+    width: 75px;
+    display: inline;
+    vertical-align: middle;
+}
+
+.page-head h1
+{
+    display: inline;
+    vertical-align: middle;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.navigation
+{
+    text-align: center;
+    padding: 0;
+}
+
+.navigation li, .navigation a
+{
+    display: inline-block;
+    width: 100px;
+    background-color: rgba(39, 39, 39, 0.596);
+    color: rgb(177, 177, 147);
+    font-size: larger;
+    text-decoration: none;
+}
+
+body
+{
+    background-color: gray;
+    margin: 0;
+    background-image: url('images/logo.png');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center center; 
+    background-size: auto 80%;
+}
+
+.center-panel
+{
+    background-color: rgba(26, 26, 26, 0.596);
+    padding: 10px;
+    margin: 0px 200px;
+    border: black;
+    border-spacing: 3px;
+    color: rgb(177, 177, 147);
+    border-style: solid;
+    vertical-align: middle;
+}
+
+.center-panel p
+{
+    margin: 0;
+    color: rgb(177, 177, 147);
+    font-size: larger;
+}
+
+h1
+{
+    font-size: 40px;
+    color: rgb(177, 177, 147);
+}
+
+.test-class
+{
+    font-size: 80px;
+}
+
+.test-class p
+{
+    color: rgb(177, 177, 147);
+}
+
+.footer
+{
+    position: fixed;
+    bottom: 0;
+    left: 10px;
+}