@import "..\\..\\app-let.scss";

.Us {
  width: 750px;
  overflow-x: hidden;
  box-sizing: border-box;
  position: relative;

  #myCanvas {
    position: absolute;
    left: 150%;
  }

  .login {
    margin: 1em 0;
    background-color: $main-color-light;
    color: $color-FFF;
  }

  .user {
    position: absolute;
    top: 235px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    padding: 0;
    width: 200px;
    height: 200px;

    .userImg {
      width: 200px;
      height: 200px;
    }
  }

  .main {
    padding: 0 35px;

    .us_cell {
      display: flex;
      font-size: $default-font-size;
      height: 2em;
      line-height: 2em;
      margin: 0 0 16px 0;
      &:last-child {
        margin-bottom: 0;
      }

      .right {
        flex-basis: 80px;
        text-align: right;
      }

      .left {
        flex: 1;

        .text {
          vertical-align: middle;
          margin-left: 5px;
        }
      }

      .img {
        width: 36px;
        height: 36px;
        vertical-align: middle;
      }
    }
  }
}