Back to battles
#50
Use Hand Sanitizer
<div></div>
<div></div>
<div></div>
<div></div>
<style>
body {
display: grid;
place-content: center;
place-items: center;
background: #1a4341;
}
div {
background: #f3ac3c;
}
div:nth-of-type(1) {
width: 150px;
height: 20px;
border-radius: 20px 20px 0 20px;
translate: 25px 0;
}
div:nth-of-type(1)::after {
content: '';
width: 20px;
height: 20px;
background: #f3ac3c;
position: absolute;
top: 8px;
left: 130px;
border-radius: 50%;
box-shadow:
0 4px #f3ac3c,
0 8px #f3ac3c,
0 12px #f3ac3c,
0 42px #998235,
0 72px #998235;
}
div:nth-of-type(2) {
width: 20px;
height: 20px;
}
div:nth-of-type(3) {
width: 50px;
height: 20px;
border-radius: 10px 10px 0 0;
}
div:nth-of-type(4) {
width: 100px;
height: 140px;
border-radius: 20px;
background: linear-gradient(to bottom, #f3ac3c 55px, #998235 55px);
}
div:nth-of-type(4)::after {
content: '';
width: 50px;
height: 50px;
background: #998235;
position: absolute;
top: 140px;
left: 150px;
border-radius: 100%;
box-shadow: 50px 0px 0 #f3ac3c;
}
</style>10
Block
6/6