style

3 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;
 }