CSS Battle #139 – Lamp

[Narigo]

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 {characters}</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 {characters}

your cssbattles code here!

[Narigo]

Code Source – 649.61 {219}

<style>&{background:
  linear-gradient(#E38F66 90px,#3210 0),
  conic-gradient(#E38F66 165deg,#FFFBDA 0 195deg, #E38F66 0)0 -265px / 100% 475px no-repeat,
  linear-gradient(90deg,#E38F66 195px,#62306D 0 205px,#E38F66 0)

[Arvind644]

Code Source – 609.81 {389}

<div l></div>
<div t></div>
<style>
  body {
    background: #E38F66;
    margin: 0;
    justify-items: center;
    align-content: end;
    display: grid;
  }
  [l] {
    width: 62;
    border-bottom: 120px solid #FFFBDA;
    border-left: 32.5px solid transparent;
    border-right: 32.5px solid transparent;
  }
  [t] {
    width: 10;
    height: 90;
    background: #62306D;
  }
</style>

[missatrox44]

Code Source – 611.22 {375}

<div t></div>
<div p></div>
<style>
  body{
    background: #E38F66;
    justify-items: center;
    align-content: end;
    display: grid;
    margin: 0;
  }
  [t]{
	border-bottom: 120px solid  #FFFBDA;
	border-left: 32.5px solid transparent;
	border-right: 32.5px solid transparent;
	width: 62;
  }
  [p]{
    background: #62306D;
    width: 10;
    height: 90;
  }
</style>