9.Tesseract.html

<div class="r"></div>
<div class="b"></div>
<div class="s"></div>
<div class="c"></div>
<style>
  body {
margin:0;
background:#222730;
display:flex;
justify-content:center;
align-items:center;
}
  .r {
    position:absolute;
    width: 100%;
    height: 150;
    background: #4CAAB3;
  }
.b {
position:absolute;
display:block;
height: 250;
width:250;
background:#222730;
transform: rotateZ(45deg);
outline: none;
}
  .s {
position:absolute;
display:block;
height: 150;
width:150;
background:#4CAAB3;
transform: rotateZ(45deg);
outline: none;
}
 .c {
position:absolute;
height: 50;
width:50;
border-radius:50%;
background:#393E46;
}
</style>