CSS Battle #63 – Command

[Satoshi-Sh]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source  – <strong>score {character count}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {character count}

your cssbattles code here!

[meg-gutshall]

@Satoshi-Sh Submission

<div class='lt circle'></div>
<div class='rt circle'></div>
<div class='square'></div>
<div class='lb circle'></div>
<div class='rb circle'></div>

<style>
  body {
    background: #191919;
    display: grid;
    place-items: center;
    position: relative;
  }
  .square {
    width: 50px;
    height: 50px;
    top: 106px;
    border:solid 10px #5DBCF9;
    margin-left:2px;
    position: absolute;
  }
  .circle {
    width:50px;
    height:50px;
    border: solid 10px #5DBCF9;
    position: absolute;
  }
  .lt {
    border-radius: 50% 50% 0% 50%;
    left:98px;
    top:46;
    z-index:2;
    
  }
  .rt {
    border-radius: 50% 50% 50% 0%;
    right:97px;
    top:46;
    z-index:2;
  }
  .rb {
    border-radius: 0% 50% 50% 50%;
    right:97px;
    bottom:48.4;
    z-index:2;
  }
  .lb {
    border-radius: 50% 0% 50% 50%;
    left:98.4px;
    bottom:48.4;
    z-index:2;
  }
</style>