style

2 years ago · 25776eb1a7
parent dff7e2c66b
commit 25776eb1a7
2 changed files with 44 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -6,6 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Parliament</title>
    <script src="script.js" defer></script>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
    <div class="hemicycle">
--- a/style.css
+++ b/style.css
@ -0,0 +1,43 @@
+
+:root{
+    --color1: rgb(105, 105, 255);
+}
+
+* {
+    box-sizing: border-box;
+}
+
+body, html{
+    margin: 0;
+    padding: 0;
+    color: var(--color1);
+}
+
+.hemicycle{
+    display: flex;
+    flex-wrap: wrap;
+    align-content: space-between;
+    width: 80vw;
+    margin: 0 auto;
+}
+
+#seatRef{
+    display: none;
+}
+
+.seat{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 4px 4px;
+    width: 100px;
+}
+
+.seat .mic{
+    width: 80px;
+    height: 80px;
+    border-radius: 10%;
+    border: solid 3px var(--color1);
+    background-color: white;
+    color: currentColor;
+}