< Back to Frontend Friday Folks Index

Wash your hands

Highlighted solution (365 characters)
1 
<div><dt></dt></div>
2 
<style>
3 
  body {
4 
    background: #293462
5 
  }
6 
  div {
7 
    background: #FE5F55;
8 
    border: 30px solid #FE5F55;
9 
    border-radius: 20px;
10 
    box-shadow: 0 20px #A64942;
11 
    width: 140px;
12 
    inset: 90px 0 110px;
13 
    margin: auto;
14 
    position: absolute;
15 
  }
16 
  dt {
17 
    background: #A64942;
18 
    border-radius: 40px;
19 
    height: 40px;
20 
  }
21 
</style>
22
Dan hosted it today. I don't think there was a solution that can get rid of the inner element in order to get the inner "border" round from the outer element.
< Back to Frontend Friday Folks Index