77.Notes.md

Target #77 (Notes)

<div class="box"></div>
<div class="box-1"></div>
<div class="box-2"></div>
<div class="box-3"></div>
<div class="box-4"></div>
<div class="box-5"></div>
<div class="box-6"></div>

<div class="cir-1"></div>
<div class="cir-2"></div>
<div class="cir-3"></div>
<div class="cir-4"></div>
<style>

  body{
    background:#191919;
  }
  .box {
    width: 60px;
    height: 84px;
    border: 10px solid #FE5F55;
    border-bottom-color:#191919;
    position:absolute;
    left:95px;
    top:90px;
  }
  .box-1{
    width: 10px;
    height: 90px;
  background:#A64942;
    position:absolute;
    left:235px;
    top:100px;
  }
   .box-2{
    width: 10px;
    height: 40px;
  background:#A64942;
    position:absolute;
     transform:rotate(90deg);
    left:250px;
    top:75px;
  }

  .box-3{
    width: 10px;
    height:100px;
  background:#FE5F55;
    position:absolute;
   right:85px;
    top:90px;
  }
   .box-4{
    width:10px;
    height:40px;
  background:#FE5F55;
    position:absolute;
     transform:rotate(90deg);
   right:70px;
    top:75px;
  }
  .box-5{
    width: 10px;
    height: 40px;
  background:#FE5F55;
    position:absolute;
     transform:rotate(90deg);
   right:70px;
    top:95px;
  }
  .cir-1{
    width:44px;
    height:45px;
    background:#FE5F55;
    border-top-left-radius:50px;
    border-top-right-radius:30px;
    border-bottom-right-radius:50px;
    border-bottom-left-radius:30px;
    transform:rotate(45deg);
    position:absolute;
    left:58px;
    top:168px;
  }
  .cir-2{
    width:44px;
    height:45px;
    background:#FE5F55;
    border-top-left-radius:50px;
    border-top-right-radius:30px;
    border-bottom-right-radius:50px;
    border-bottom-left-radius:30px;
    transform:rotate(45deg);
    position:absolute;
    left:128px;
    top:168px;
  }

  .cir-3{
    width:45px;
    height:45px;
    background:#A64942;
    border-top-left-radius:50px;
    border-top-right-radius:30px;
    border-bottom-right-radius:50px;
    border-bottom-left-radius:30px;
    transform:rotate(45deg);
    position:absolute;
    left:198px;
    top:168px;
  }
  .cir-4{
    width:45px;
    height:45px;
    background:#FE5F55;
    border-top-left-radius:50px;
    border-top-right-radius:30px;
    border-bottom-right-radius:50px;
    border-bottom-left-radius:30px;
    transform:rotate(45deg);
    position:absolute;
   right:87px;
    top:168px;
  }

</style>