@font-face {
  font-family: TeX Gyre Pagella Bold;
  src: url(../fonts/texgyrepagella-bold.otf); }
@font-face {
  font-family: TeX Gyre Pagella Bold Italic;
  src: url(../fonts/texgyrepagella-bolditalic.otf); }
@font-face {
  font-family: TeX Gyre Pagella Italic;
  src: url(../fonts/texgyrepagella-italic.otf); }
@font-face {
  font-family: TeX Gyre Pagella Regular;
  src: url(../fonts/texgyrepagella-regular.otf); }
@font-face {
  font-family: Olde English;
  src: url(../fonts/OldeEnglish); }
@font-face {
  font-family: Merriweather;
  src: url(../fonts/Merriweather-Regular.ttf); }
@font-face {
  font-family: Sans Forgetica Regular;
  src: url(../fonts/SansForgetica-Regular.otf); }
html, body {
  margin: 0;
  min-height: 100%;
  background: #eeffff;
  font-family: 'Merriweather', serif; }
  html .header, body .header {
    margin: 0;
    height: 10%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.9); }
    html .header .container, body .header .container {
      border: 0 solid blue;
      height: 100%;
      width: 100%;
      position: absolute;
      background-color: transparent; }
      html .header .container .column .recent, body .header .container .column .recent {
        margin: 0;
        padding: 0;
        height: 100%;
        box-sizing: border-box;
        border: 0px solid green;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 18.3016vw;
        background-color: transparent;
        line-height: 0;
        vertical-align: middle; }
        html .header .container .column .recent .log-out-div, body .header .container .column .recent .log-out-div {
          border: 0px solid blue;
          height: 100%;
          box-sizing: border-box;
          position: absolute;
          left: 0.6vw;
          margin: 0;
          padding: 0;
          width: 4vw;
          display: table;
          table-layout: fixed; }
          html .header .container .column .recent .log-out-div .log-out-inner-div, body .header .container .column .recent .log-out-div .log-out-inner-div {
            display: table-cell;
            vertical-align: middle;
            padding: 0;
            margin: 0;
            width: 100%;
            box-sizing: border-box;
            border: 0px solid green; }
            html .header .container .column .recent .log-out-div .log-out-inner-div .log-out, body .header .container .column .recent .log-out-div .log-out-inner-div .log-out {
              margin: 0;
              padding: 0;
              width: 100%;
              box-sizing: border-box;
              height: 1.6vw;
              line-height: 1.6vw;
              border-radius: 5%;
              background-color: transparent;
              font-size: 0.8785vw;
              opacity: 1;
              color: #88e3ff;
              outline: none;
              border: 0px solid red;
              font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }
            html .header .container .column .recent .log-out-div .log-out-inner-div .log-out:hover, body .header .container .column .recent .log-out-div .log-out-inner-div .log-out:hover {
              -webkit-box-shadow: 0 0 0.7321vw #0076ff;
              box-shadow: 0 0 0.7321vw #0076ff;
              transition: 0s;
              opacity: 1;
              cursor: default; }
        html .header .container .column .recent a, body .header .container .column .recent a {
          margin: 0;
          padding: 0; }
        html .header .container .column .recent a:hover, body .header .container .column .recent a:hover {
          cursor: default; }
        html .header .container .column .recent .logo, body .header .container .column .recent .logo {
          margin: auto;
          padding: 0;
          border: 0px solid red;
          width: fit-content;
          height: 100%;
          box-sizing: border-box;
          white-space: nowrap;
          overflow: hidden;
          -webkit-tap-highlight-color: transparent;
          -webkit-user-select: none;
          /* Chrome/Safari */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* IE10+ */ }
          html .header .container .column .recent .logo .logo-figure, body .header .container .column .recent .logo .logo-figure {
            display: inline-block;
            margin: 0;
            padding: 1vh 0;
            width: 10vh;
            height: 100%;
            box-sizing: border-box;
            border: 0px solid blue;
            cursor: default; }
          html .header .container .column .recent .logo .logo-name, body .header .container .column .recent .logo .logo-name {
            display: inline-block;
            border: 0px solid blue;
            font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
            color: #88e3ff;
            padding: 0;
            margin: 0;
            height: 100%;
            box-sizing: border-box;
            vertical-align: top; }
            html .header .container .column .recent .logo .logo-name .logo-name-postition, body .header .container .column .recent .logo .logo-name .logo-name-postition {
              border: 0px solid blue;
              height: 100%;
              box-sizing: border-box;
              right: 0;
              margin: 0;
              padding: 0;
              display: table;
              table-layout: fixed; }
              html .header .container .column .recent .logo .logo-name .logo-name-postition .logo-name-center, body .header .container .column .recent .logo .logo-name .logo-name-postition .logo-name-center {
                height: 100%;
                box-sizing: border-box;
                display: table-cell;
                vertical-align: middle;
                padding: 0;
                margin: 0;
                width: 100%;
                box-sizing: border-box;
                border: 0px solid green;
                /**
                .logo-inner-position:hover {
                	-webkit-box-shadow: 0 0 0.7321vw $blue_mode_color_hex_2;
                    box-shadow: 0 0 0.7321vw $blue_mode_color_hex_2;
                  	transition: 0s;
                	opacity: 1;
                	cursor: default;
                }
                */ }
                html .header .container .column .recent .logo .logo-name .logo-name-postition .logo-name-center .logo-inner-position, body .header .container .column .recent .logo .logo-name .logo-name-postition .logo-name-center .logo-inner-position {
                  margin: 0;
                  padding: 0 0.5vw;
                  width: 100%;
                  box-sizing: border-box;
                  height: 2.2vw;
                  line-height: 2.2vw;
                  border-radius: 5%;
                  background-color: transparent;
                  font-size: 2vw;
                  opacity: 1;
                  color: #88e3ff;
                  outline: none;
                  border: 0px solid yellow;
                  font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }
      html .header .container .column .members, body .header .container .column .members {
        border: 0px solid red;
        margin: 0;
        padding: 0;
        height: 100%;
        position: absolute;
        left: 18.3016vw;
        right: 18.3016vw;
        top: 0;
        text-align: center;
        backround-color: transparent;
        box-sizing: border-box;
        -webkit-user-select: none;
        /* Chrome/Safari */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* IE10+ */ }
        html .header .container .column .members h1, body .header .container .column .members h1 {
          border: none;
          margin: 0;
          padding: 0 0 0 1.4641vw;
          font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
          color: #88e3ff;
          font-size: 30px; }
        html .header .container .column .members .cover-button, body .header .container .column .members .cover-button {
          height: 100%;
          display: inline-block;
          margin: 0 auto;
          padding: 0;
          box-sizing: border-box;
          -webkit-tap-highlight-color: transparent; }
          html .header .container .column .members .cover-button .wrap-button, body .header .container .column .members .cover-button .wrap-button {
            border: 0px solid red;
            height: 100%;
            box-sizing: border-box;
            margin: 0 auto;
            padding: 0;
            display: table;
            table-layout: fixed; }
            html .header .container .column .members .cover-button .wrap-button .howtopi-button, body .header .container .column .members .cover-button .wrap-button .howtopi-button {
              display: table-cell;
              vertical-align: middle;
              border-radius: 0.3660322vw;
              border: none;
              color: #88e3ff;
              padding: 0;
              margin: 0;
              font-size: 1.4641vw;
              font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }
              html .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link, body .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link {
                border-radius: 0.2vw;
                border: 0px solid blue;
                padding: 0.7321vw 0vw;
                margin: 0; }
                html .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link a, body .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link a {
                  border: 1px solid transparent;
                  text-decoration: none;
                  cursor: default;
                  color: #88e3ff;
                  padding: 0.7321vw 0.7321vw;
                  border-radius: 0.2vw; }
              html .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link:hover a, body .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link:hover a {
                border: 1px solid #88e3ff; }
              html .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link:active, body .header .container .column .members .cover-button .wrap-button .howtopi-button .button-link:active {
                cursor: default;
                -webkit-box-shadow: 0px 0px 0.7321vw #88e3ff;
                box-shadow: 0px 0px 0.7321vw #88e3ff; }
      html .header .container .column .long, body .header .container .column .long {
        border: none;
        margin: 0;
        padding: 0;
        height: 100%;
        box-sizing: border-box;
        border: 0px solid red;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        width: 18.3016vw;
        background-color: transparent;
        line-height: 0;
        vertical-align: middle; }
        html .header .container .column .long .member-sign-in, body .header .container .column .long .member-sign-in {
          position: absolute;
          top: 0vh;
          width: 18.3016vw;
          border: none;
          text-align: left;
          padding: 0.75vh 0;
          margin: 0;
          line-height: 0.3660322vw; }
          html .header .container .column .long .member-sign-in .sign-up, body .header .container .column .long .member-sign-in .sign-up {
            display: block; }
          html .header .container .column .long .member-sign-in .form-member-control, body .header .container .column .long .member-sign-in .form-member-control {
            font-size: 1.0249vw;
            padding: 0 0.3660322vw;
            margin: 0 5% 0.5vh 5%;
            outline: none;
            text-decoration: none;
            width: 90%;
            height: 2.5vh;
            box-sizing: border-box;
            border: none; }
          html .header .container .column .long .member-sign-in .form-member-control:focus, body .header .container .column .long .member-sign-in .form-member-control:focus {
            -webkit-box-shadow: 0px 0px 0.7321vw #ffffff;
            box-shadow: 0px 0px 0.7321vw #ffffff; }
          html .header .container .column .long .member-sign-in label, body .header .container .column .long .member-sign-in label {
            border: none;
            font-size: 0.8785vw;
            color: red; }
          html .header .container .column .long .member-sign-in .member-enter, body .header .container .column .long .member-sign-in .member-enter {
            text-align: left;
            outline: none;
            text-decoration: none;
            font-size: 1.0249vw;
            width: 90%;
            height: 2.5vh;
            padding: 0 0.3660322vw;
            margin: 0 5%;
            background-color: #88e3ff;
            border: none;
            box-sizing: border-box; }
          html .header .container .column .long .member-sign-in .member-enter:focus, body .header .container .column .long .member-sign-in .member-enter:focus {
            -webkit-box-shadow: 0px 0px 0.7321vw #88e3ff;
            box-shadow: 0px 0px 0.7321vw #88e3ff; }
          html .header .container .column .long .member-sign-in .member-enter:active, body .header .container .column .long .member-sign-in .member-enter:active {
            -webkit-box-shadow: 0px 0px 0.7321vw #88e3ff;
            box-shadow: 0px 0px 0.7321vw #88e3ff; }
  html .main, body .main {
    border: 0 solid red; }
    html .main .container, body .main .container {
      border: none;
      padding: 0;
      margin: 0; }
      html .main .container .column .exercise-area, body .main .container .column .exercise-area {
        margin: 0;
        padding: 0;
        height: 90%;
        position: absolute;
        left: 0;
        top: 10%;
        width: 18.3016vw;
        cursor: default;
        overflow-wrap: break-word; }
      html .main .container .column, body .main .container .column {
        display: inline-block;
        margin: 0;
        padding: 0; }
        html .main .container .column .math-area::-webkit-scrollbar, body .main .container .column .math-area::-webkit-scrollbar {
          width: 0.43924vw;
          border-radius: 0.43924vw; }
        html .main .container .column .math-area::-webkit-scrollbar-track, body .main .container .column .math-area::-webkit-scrollbar-track {
          border-radius: 0.43924vw;
          -webkit-box-shadow: inset 0 0 0px #88e3ff; }
        html .main .container .column .math-area::-webkit-scrollbar-thumb, body .main .container .column .math-area::-webkit-scrollbar-thumb {
          border-radius: 0.43924vw;
          background-color: #88e3ff; }
        html .main .container .column .math-area, body .main .container .column .math-area {
          -webkit-user-select: none;
          /* Chrome/Safari */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* IE10+ */
          background-color: #eeffff;
          border: 0px solid blue;
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          text-align: center;
          position: absolute;
          left: 18.3016vw;
          right: 18.3016vw;
          top: 10%;
          min-height: 90%;
          font-family: 'TeX Gyre Pagella Regular';
          font-size: 1.1713vw;
          overflow-wrap: break-word; }
          html .main .container .column .math-area .pi_pythagorean_math, body .main .container .column .math-area .pi_pythagorean_math {
            padding: 0;
            border: 0px solid red;
            text-align: center;
            -webkit-tap-highlight-color: transparent; }
            html .main .container .column .math-area .pi_pythagorean_math .about-text, body .main .container .column .math-area .pi_pythagorean_math .about-text {
              font-size: 1.3177vw;
              font-weight: normal;
              font-family: 'Merriweather', serif;
              margin: 1vw 1vw 5vw;
              padding: 0;
              border: 0px solid blue;
              text-align: center; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button, body .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button {
                border: 0px solid red;
                width: fit-content;
                display: inline-block;
                height: 6vw;
                width: 12vw;
                vertical-align: top;
                padding: 0;
                margin: 0; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-math-note, body .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-math-note {
                  font-family: 'TeX Gyre Pagella Italic';
                  font-size: 0.8785vw;
                  height: 3vw;
                  line-height: 3vw;
                  border: 0px solid black;
                  box-sizing: border-box;
                  display: inline-block; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-button, body .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-button {
                  border: none;
                  display: inline-block;
                  padding: 0;
                  margin: 0;
                  border-radius: 50%;
                  height: 0.7321vw;
                  width: 0.7321vw;
                  background-color: #88e3ff; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .equation, body .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .equation {
                  border: 0px solid blue;
                  font-family: 'TeX Gyre Pagella Italic';
                  font-size: 1.3177vw;
                  text-align: center;
                  height: 3vw;
                  line-height: 3vw;
                  width: 100%;
                  margin: 0;
                  padding: 0;
                  box-sizing: border-box; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-formula, body .main .container .column .math-area .pi_pythagorean_math .about-text .touch-latex-button .latex-formula {
                  text-align: center;
                  margin: 0 auto;
                  padding: 0;
                  border: 0px solid blue;
                  font-size: 0.85vw;
                  height: 3vw;
                  width: 100%;
                  box-sizing: border-box;
                  color: black;
                  background-color: #ffffff;
                  cursor: text;
                  -webkit-user-select: text;
                  /* Chrome/Safari */
                  -moz-user-select: text;
                  /* Firefox */
                  -ms-user-select: text;
                  /* IE10+ */
                  border-radius: 0;
                  font-family: 'TeX Gyre Pagella Regular'; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex, body .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex {
                border: 0px solid blue;
                width: fit-content;
                display: inline-block;
                height: 6vw;
                width: 15vw;
                vertical-align: top;
                padding: 0;
                margin: 0; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-input, body .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-input {
                  box-sizing: border-box;
                  margin: 0;
                  padding: 1vw 0 0 0;
                  border: 0px solid green;
                  box-sizing: border-box;
                  width: 100%;
                  resize: none;
                  text-align: center;
                  height: 3vw;
                  line-height: 1.0vw;
                  font-size: 1.0vw;
                  vertical-align: middle;
                  border-radius: 0;
                  font-family: 'TeX Gyre Pagella Regular'; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-input:focus, body .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-input:focus {
                  outline: none; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-output, body .main .container .column .math-area .pi_pythagorean_math .about-text .answer-latex .latex-output {
                  display: inline-block;
                  margin: 0;
                  padding: 0;
                  width: 100%;
                  height: 3vw;
                  line-height: 3vw;
                  box-sizing: border-box;
                  text-align: center;
                  font-size: 1.3177vw;
                  font-family: 'TeX Gyre Pagella Italic';
                  border: 0px solid red; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .check-latex, body .main .container .column .math-area .pi_pythagorean_math .about-text .check-latex {
                border: 0px solid blue;
                width: fit-content;
                display: inline-block;
                height: 6vw;
                width: 3vw;
                vertical-align: top;
                padding: 0;
                margin: 0; }
                html .main .container .column .math-area .pi_pythagorean_math .about-text .check-latex .check, body .main .container .column .math-area .pi_pythagorean_math .about-text .check-latex .check {
                  display: inline-block;
                  margin: 4vw 0 0 0;
                  padding: 0;
                  height: 1vw;
                  line-height: 1vw;
                  vertical-align: middle;
                  font-size: 0.7321vw;
                  color: black;
                  background-color: transparent;
                  font-family: 'Merriweather', serif;
                  border: 0px solid black;
                  box-sizing: border-box; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.1713vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-2, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-2 {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.3177vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-3, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-3 {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.4641vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-4, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-4 {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.0249vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-5, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-5 {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 0.8785vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-6, body .main .container .column .math-area .pi_pythagorean_math .about-text .latex-math-font-size-6 {
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 0.7321vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .solution, body .main .container .column .math-area .pi_pythagorean_math .about-text .solution {
                margin: 0 0 0 1px;
                border: none;
                height: 1rem;
                padding-bottom: 3px;
                width: 2.1962vw;
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.1713vw; }
              html .main .container .column .math-area .pi_pythagorean_math .about-text .solution-unit, body .main .container .column .math-area .pi_pythagorean_math .about-text .solution-unit {
                margin: 0 0 0 -0.2928vw;
                padding: 0 0 0 0;
                border: none;
                font-family: 'TeX Gyre Pagella Italic';
                font-size: 1.1713vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.1713vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-2, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-2 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.3177vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-3, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-3 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.4641vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-4, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-4 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.0249vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-5, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-5 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 0.8785vw; }
            html .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-6, body .main .container .column .math-area .pi_pythagorean_math .latex-math-font-size-6 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 0.7321vw; }
            html .main .container .column .math-area .pi_pythagorean_math .figure-area, body .main .container .column .math-area .pi_pythagorean_math .figure-area {
              width: 40vw;
              height: 40vw;
              margin: 0 auto 0;
              padding: 0;
              border: 0px solid green; }
            html .main .container .column .math-area .pi_pythagorean_math .button-area, body .main .container .column .math-area .pi_pythagorean_math .button-area {
              width: 50vw;
              height: 1.5vw;
              margin: 1vw auto 0;
              padding: 0;
              border: 0px solid green; }
          html .main .container .column .math-area .links, body .main .container .column .math-area .links {
            margin: 0;
            padding: 1vw 0 0 0;
            margin: 15vw 0 1vw 0;
            border-top: 2px solid black;
            -webkit-tap-highlight-color: transparent; }
            html .main .container .column .math-area .links .link-button, body .main .container .column .math-area .links .link-button {
              border: 0px solid green;
              display: inline-block;
              border-radius: 0.2vw;
              font-family: 'Merriweather', serif;
              font-size: 1.0249vw;
              margin: 0;
              padding: 0.2vw 0vw; }
              html .main .container .column .math-area .links .link-button a, body .main .container .column .math-area .links .link-button a {
                cursor: default;
                text-decoration: none;
                color: black;
                border: 0px solid blue;
                padding: 0.2vw 1vw;
                border-radius: 0.2vw; }
            html .main .container .column .math-area .links .link-button a:hover, body .main .container .column .math-area .links .link-button a:hover {
              background-color: #88e3ff; }
            html .main .container .column .math-area .links .link-button a:active, body .main .container .column .math-area .links .link-button a:active {
              -webkit-user-select: none;
              /* Chrome/Safari */
              -moz-user-select: none;
              /* Firefox */
              -ms-user-select: none;
              /* IE10+ */
              -webkit-box-shadow: 0px 0px 0.7321vw #88e3ff;
              box-shadow: 0px 0px 0.7321vw #88e3ff; }
      html .main .container .column, body .main .container .column {
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 18.3016vw;
        right: 0;
        top: 10%; }
        html .main .container .column .answer-area, body .main .container .column .answer-area {
          -webkit-user-select: none;
          /* Chrome/Safari */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* IE10+ */ }
        html .main .container .column .answer-area.input, html .main .container .column .answer-area.textarea, body .main .container .column .answer-area.input, body .main .container .column .answer-area.textarea {
          -webkit-user-select: text;
          /* Chrome/Safari */
          -moz-user-select: text;
          /* Firefox */
          -ms-user-select: text;
          /* IE10+ */ }
        html .main .container .column .answer-area, body .main .container .column .answer-area {
          position: absolute;
          margin: 0;
          padding: 0 0 0 0;
          right: 0;
          top: 10%;
          width: 18.3016vw;
          cursor: default;
          min-height: 90%;
          border: 0px solid red;
          -webkit-tap-highlight-color: transparent; }
  html .footer, body .footer {
    border: 1px solid blue; }
    html .footer .container, body .footer .container {
      border: none;
      padding: 0;
      margin: 0; }
      html .footer .container .column .links, body .footer .container .column .links {
        margin: 0;
        padding: 0;
        height: 90%;
        position: absolute;
        left: 0;
        top: 10%;
        width: 18.3016vw;
        cursor: default;
        overflow-wrap: break-word; }
  html .fadecolor, body .fadecolor {
    background-color: #ff0000; }
@-webkit-keyframes colorfade {
  from {
    background-color: '#eeffff'; }
  to {
    background-color: 'rgba(136, 227, 255, 0.2)'; } }
  html .fadebackground, body .fadebackground {
    animation-name: colorfade;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-in-out; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    html .header, body .header {
      border: 1px solid transparent;
      border-bottom: 0px;
      border-top: 0px; } }

/*# sourceMappingURL=latex.css.map */