* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    overflow: hidden;
  }
  
  .edge {
    position: absolute;
    display: flex;
    z-index: 10;
  }
  
  /* Top and Bottom edges */
  .top-edge, .bottom-edge {
    left: 0;
    width: 100vw;
    height: 45px;
    flex-direction: row;
  }
  
  .top-edge {
    top: 0;
  }
  .bottom-edge {
    bottom: 0;
  }
  
  /* Left and Right edges */
  .left-edge, .right-edge {
    top: 0;
    height: 100vh;
    width: 45px;
    flex-direction: column;
  }
  
  .left-edge {
    left: 0;
  }
  .right-edge {
    right: 0;
  }
  
  /* Aipan Box Design */
  .aipan {
    display: flex;
    width: 45px;
    height: 45px;
    background-color: red;
    justify-content: space-evenly;
    align-items: end;
    border-radius: 25px 25px 0 0;
  }
  
  .aipan div {
    width: 4px;
    background-color: white;
    border-radius: 2px 2px 0 0;
  }
  
  .len1 { height: 10px; }
  .len2 { height: 15px; }
  .len3 { height: 20px; }
  .len4 { height: 30px; }
  
  /* Rotations */
  .rotate-90 {
    transform: rotate(90deg);
  }
  .rotate-180 {
    transform: rotate(180deg);
  }
  .rotate-270 {
    transform: rotate(270deg);
  }