html,
      body {
        margin: 0;
        padding: 0;
        /*width: 100%;*/
        /*height: 100%;*/
      }

      .bg-view {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
      }
      .bg-view .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        filter: blur(100px);
      }
      .bg-view .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-image: url("../images/bgs.jpg");
        background-repeat: repeat;
        background-position: 0% 0%;
        background-size: 327.68px 327.68px;
        transform: translateY(-50%);
        aspect-ratio: 1080 / 1920;
        mix-blend-mode: overlay;
        opacity: 0.12;
      }
      .wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 839px;
        height: 840px;
        filter: blur(200px);
        background-color: rgb(255, 255, 255);
      }
      .container {
        position: relative;
        transform: translate(100px, 200px);
      }
      .title {
        margin-bottom: 100px;
        white-space: pre-wrap;
        line-height: 1.1;
      }
      .text {
        white-space: pre-wrap;
        line-height: 1.45;
        color: rgba(0, 0, 0, 0.55);
        font-size: 16px;
        text-decoration: none;
      }