html, body {
              padding: 0;
              margin: 0;
              overflow: hidden;
              font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
              line-height: 1.2;
            }

            a a:link a:visited a:hover a:active {
              text-decoration: none;
              color: black;
            }

            sosmed a {
              text-decoration: none;
            }

            body {
              margin: 0;
              padding: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              height: 100vh;
            }

            * {
              box-sizing: border-box;
              outline: none;
              -webkit-tap-highlight-color: transparent;
              cursor: none;
              user-select: none;
              -webkit-user-drag: none;
            }

            .htm {
              color: black;
            }

            #main {
              display: flex;

              .part {
                flex: 1;

                .section {
                  width: 100%;
                  height: 100vh;
                  position: relative;
                  overflow: hidden;

                  img {
                    width: 100vw;
                    height: 100vh;
                    object-fit: cover;
                    position: absolute;
                    left: var(--x);
                    pointer-events: none;
                  }
                }
              }
            }

            .cursor {
              width: var(--size);
              height: var(--size);
              border-radius: 50%;
              background: white;
              position: absolute;
              z-index: 999;
              pointer-events: none;
              mix-blend-mode: difference;

              &-f {
                width: var(--size);
                height: var(--size);
                position: absolute;
                top: 0;
                left: 0;
                background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.4202 42.4202C38.8403 46 33.3594 46 23.5 46C13.6406 46 8.15966 46 4.57983 42.4202C1 38.8403 1 33.3594 1 23.5C1 13.6406 1 8.15966 4.57983 4.57983C8.15966 1 13.6406 1 23.5 1C33.3594 1 38.8403 1 42.4202 4.57983C46 8.15966 46 13.6406 46 23.5C46 33.3594 46 38.8403 42.4202 42.4202Z' stroke='white'/%3E%3C/svg%3E%0A");
                background-size: cover;
                mix-blend-mode: difference;
                pointer-events: none;
                opacity: .5;
              }
            }

            .buttons {
              position: absolute;
              right: 25px;
              top: 50%;
              transform: translateY(-50%);
              z-index: 99;

              button {
                border: none;
                background-size: contain;
                background: url("data:image/svg+xml,%3Csvg width='10' height='29' viewBox='0 0 10 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0V27L1 17.4857' stroke='white' stroke-width='2' /%3E%3C/svg%3E%0A") no-repeat;
                background-position: center;
                width: 10px;
                height: 30px;
                display: block;
                margin: 20px 0;
                padding: 0 15px;
                transition-duration: .6s;

                &.next {
                  transform: scaleY(-1);
                }

                &.prev:active {
                  transform: translateY(8px);
                }

                &.next:active {
                  transform: scaleY(-1) translateY(8px);
                }
              }
            }

            h1 {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              right: 0;
              margin: auto;
              z-index: 99;
              color: white;
              text-align: center;
              font-size: 2.4em;
              mix-blend-mode: overlay;
              pointer-events: none;
            }

            h2 {
              top: 8%;
              color: black;
              position: absolute;
              font-size: 1.8rem;
              right: 0;
              left: 0;
              text-align: center;
              font-weight: 300;

            }

            .content {
              position: absolute;
                max-width: 100%;
                justify-content: center;
                text-align: center;
                left: 0;
                right: 0;
                bottom: 40px;
                margin: auto;
                height: 75px;
                width: 333px;
                font-size: 0.8rem;
            }
              sosmeth {
                margin: .5em auto;
              }

              kbd {
                width: 15px;
                height: 15px;
                border: 1px solid white;
                display: inline-block;
                border-radius: 3px;
                font-size: .9em;
                vertical-align: text-top;
              }

                #rtr570 {
                  position: relative;
                  bottom: 10px ;
                  left: 0;
                  right: 0;
                  height: 75px;


                }

                #rtr570 > div {
                  position: absolute;
                  top: 10px;
                  left: 10px;
                  right: 10px;
                  bottom: 10px;
                  width 70%
                }
                @media only screen and (min-width: 600px) {
                h2 {
                  top : 12%;
                  font-weight: 300;
                }
                
                .content {
                  height: 108px;
                }
                
                }
              #Page1 {
                position: absolute;
                top: 20px;
                left: 5px;
              }

              #Page2 {
                position: absolute;
                top: 20px;
                left: 5px;
              }