CSS Battle #14 – Web Maker Logo

[aishwarya-mali]

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!

[aishwarya-mali]

using borders – 592.89 {651}

<p><p><p><p>
<style>
  body{
    background:#F2F2B6;
  }
  p{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 130px 75px 0 75px;
    position: absolute;
    top: 70px;
  }
  p:nth-of-type(1){
    border-color: #FF6D00 transparent transparent;
    left: 60px;
    z-index: 5
  }
   p:nth-of-type(2){
     border-color: #FD4602 transparent transparent;
     left: 80px;
  }
  p:nth-of-type(3){
     border-color: #FD4602 transparent transparent;
     right: 80px;
     rotate: 180deg;
     z-index: 5
  }
  p:nth-of-type(4){
     border-color: #FF6D00 transparent transparent;
     right: 60px;
     rotate: 180deg;
  }
</style>