#38 - Not Simply Square.html

<div class='sq1'></div>
<div class='sq1 sq2'></div>
<style>
  *{
    margin:0;
    background: linear-gradient(270deg, rgba(41,52,98,1) 50%, rgba(255,241,193,1) 50%);
  }
  .sq1{
    position:fixed;
    bottom:0;
    left:0;
    width:200;
    height:100;
    background:#FE5F55;
    box-shadow:inset -50px 0 #A64942;
  }
  .sq2{
    top:0;
    left:100;
    width:300;
	transform:rotate(90deg)
  }
</style>