#title-header {
      position: absolute;
      top: 0;
      width: 100%;
      border-bottom: 3px solid white;
      background-color:#20202030;
      text-align: left;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow: hidden;
      padding: 0% 1% 0% 3%;
      z-index: 10;
      transition: all 0.5s ease-in-out;
}

      #title-header * {
            padding: 0;
            margin: 0;
      }

      #title-header h1 {
            text-transform: uppercase;
      }

      #title-header :not(h1) {
            color: #42affa;
      }

.title {
      width: 100%;
      height: 100%;
      background-color: aliceblue;
}

      .title .left {
            height: 100%;
            width: 50%;
      }

      .title .right {
            height: 100%;
            width: 50%;
            clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
      }