CSS Battle #48 – Wash Your Hands

[meg-gutshall]

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]

My first attempt – 607.17 {422}

<div class=o><div class=i></div></div>
<style>
  body, .o {
    background: #293462;
    display: flex;
    justify-content: center;
    place-items: center;
  }
  .i {
    width: 140px;
    height: 40px;
    background: #A64942;
    border-radius: 50px;
  }
  .o {
    width: 200px;
    height: 100px;
    background: #FE5F55;
    border-radius: 20px;
    box-shadow: 0 20px #A64942;
    margin-bottom: 20px;
  }
</style>

[danieltott]

First pass! – 632 {265}

<dt><style>
  *{
    background: #293462;
  }
  body {
    background: #FE5F55;
    margin: 90 100 110;
    border-radius: 20px;
    box-shadow: 0 20px #A64942;
    padding:30;
  }
  dt {
    background: #A64942;
    height: 40;
    border-radius:10q;
  }
</style>