@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;
        position: fixed;
        left: 0;
        top: 10%;
        width: 18.3016vw;
        cursor: default;
        overflow-wrap: break-word;
        border: 0px solid blue; }
        html .main .container .column .exercise-area .exercise, body .main .container .column .exercise-area .exercise {
          padding: 0 0 0 0;
          margin: 0;
          height: 100%;
          box-sizing: border-box; }
          html .main .container .column .exercise-area .exercise .text::-webkit-scrollbar, body .main .container .column .exercise-area .exercise .text::-webkit-scrollbar {
            width: 0.43924vw;
            border-radius: 0.43924vw; }
          html .main .container .column .exercise-area .exercise .text::-webkit-scrollbar-track, body .main .container .column .exercise-area .exercise .text::-webkit-scrollbar-track {
            border-radius: 0.43924vw;
            -webkit-box-shadow: inset 0 0 0 #88e3ff; }
          html .main .container .column .exercise-area .exercise .text::-webkit-scrollbar-thumb, body .main .container .column .exercise-area .exercise .text::-webkit-scrollbar-thumb {
            border-radius: 0.43924vw;
            background-color: #88e3ff; }
          html .main .container .column .exercise-area .exercise .text, body .main .container .column .exercise-area .exercise .text {
            text-align: left;
            border: none;
            margin: 0;
            padding: 1.4641vw 0.7321vw 0vw;
            width: 100%;
            box-sizing: border-box;
            -webkit-user-select: none;
            /* Chrome/Safari */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* IE10+ */
            cursor: default;
            font-size: 1.1713vw;
            overflow-wrap: break-word;
            height: calc(100% - 1.4641vw);
            overflow-y: scroll; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size, body .main .container .column .exercise-area .exercise .text .latex-math-font-size {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.1713vw; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size-2, body .main .container .column .exercise-area .exercise .text .latex-math-font-size-2 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.3177vw; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size-3, body .main .container .column .exercise-area .exercise .text .latex-math-font-size-3 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.4641vw; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size-4, body .main .container .column .exercise-area .exercise .text .latex-math-font-size-4 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 1.0249vw; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size-5, body .main .container .column .exercise-area .exercise .text .latex-math-font-size-5 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 0.8785vw; }
            html .main .container .column .exercise-area .exercise .text .latex-math-font-size-6, body .main .container .column .exercise-area .exercise .text .latex-math-font-size-6 {
              font-family: 'TeX Gyre Pagella Italic';
              font-size: 0.7321vw; }
      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%;
          font-size: 1.1713vw;
          overflow-wrap: break-word; }
          html .main .container .column .math-area .latex-math-font-size, body .main .container .column .math-area .latex-math-font-size {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 1.1713vw; }
          html .main .container .column .math-area .latex-math-font-size-2, body .main .container .column .math-area .latex-math-font-size-2 {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 1.3177vw; }
          html .main .container .column .math-area .latex-math-font-size-3, body .main .container .column .math-area .latex-math-font-size-3 {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 1.4641vw; }
          html .main .container .column .math-area .latex-math-font-size-4, body .main .container .column .math-area .latex-math-font-size-4 {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 1.0249vw; }
          html .main .container .column .math-area .latex-math-font-size-5, body .main .container .column .math-area .latex-math-font-size-5 {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 0.8785vw; }
          html .main .container .column .math-area .latex-math-font-size-6, body .main .container .column .math-area .latex-math-font-size-6 {
            font-family: 'TeX Gyre Pagella Italic';
            font-size: 0.7321vw; }
          html .main .container .column .math-area .chapter-directory, body .main .container .column .math-area .chapter-directory {
            border: 0px solid violet;
            margin: 0;
            padding: 0 auto;
            text-align: center;
            position: relative;
            top: 0vw;
            width: 100%;
            box-sizing: border-box; }
            html .main .container .column .math-area .chapter-directory .chapter:hover .chapter-name, body .main .container .column .math-area .chapter-directory .chapter:hover .chapter-name {
              font-size: 1.3177vw;
              transition: 0.2s; }
            html .main .container .column .math-area .chapter-directory .chapter, body .main .container .column .math-area .chapter-directory .chapter {
              cursor: default;
              border: 0.2186vw solid #000000;
              width: 13vw;
              height: 11vw;
              text-align: center;
              margin: 0.5vw;
              padding: 0;
              display: inline-block;
              position: relative; }
              html .main .container .column .math-area .chapter-directory .chapter .chapter-border, body .main .container .column .math-area .chapter-directory .chapter .chapter-border {
                stroke-dasharray: 100;
                stroke-dashoffset: 100;
                stroke: #00ff88;
                margin: 0; }
              html .main .container .column .math-area .chapter-directory .chapter .chapter-name-cell, body .main .container .column .math-area .chapter-directory .chapter .chapter-name-cell {
                font-size: 1.1713vw;
                border: 0px solid red;
                margin: 0;
                padding: 0;
                height: 2vw;
                width: 100%;
                display: table;
                box-sizing: border-box; }
                html .main .container .column .math-area .chapter-directory .chapter .chapter-name-cell .chapter-name, body .main .container .column .math-area .chapter-directory .chapter .chapter-name-cell .chapter-name {
                  border: 0px solid blue;
                  margin: 0;
                  padding: 0;
                  box-sizing: border-box;
                  display: table-cell;
                  vertical-align: middle; }
              html .main .container .column .math-area .chapter-directory .chapter .chapter-content-cell, body .main .container .column .math-area .chapter-directory .chapter .chapter-content-cell {
                border: 0px solid red;
                margin: 0;
                padding: 0;
                font-size: 1.0249vw;
                text-align: center;
                height: 6vw;
                width: 100%;
                display: table;
                box-sizing: border-box; }
                html .main .container .column .math-area .chapter-directory .chapter .chapter-content-cell .chapter-content, body .main .container .column .math-area .chapter-directory .chapter .chapter-content-cell .chapter-content {
                  border: 0px solid blue;
                  margin: 0;
                  padding: 0;
                  box-sizing: border-box;
                  display: table-cell;
                  vertical-align: middle; }
              html .main .container .column .math-area .chapter-directory .chapter .chapter-info-cell, body .main .container .column .math-area .chapter-directory .chapter .chapter-info-cell {
                border: 0px solid red;
                margin: 0;
                padding: 0;
                font-size: 1.0249vw;
                font-style: italic;
                height: 3vw;
                width: 100%;
                display: table;
                box-sizing: border-box; }
                html .main .container .column .math-area .chapter-directory .chapter .chapter-info-cell .chapter-info, body .main .container .column .math-area .chapter-directory .chapter .chapter-info-cell .chapter-info {
                  border: 0px solid blue;
                  margin: 0;
                  padding: 0;
                  font-size: 0.8785vw;
                  box-sizing: border-box;
                  display: table-cell;
                  vertical-align: middle; }
          html .main .container .column .math-area .chapter-content-area, body .main .container .column .math-area .chapter-content-area {
            border: 0px solid red;
            width: 100%;
            height: 9vw;
            padding: 0;
            box-sizing: border-box;
            box-sizing: border-box;
            position: absolute; }
            html .main .container .column .math-area .chapter-content-area .chapter-content-center, body .main .container .column .math-area .chapter-content-area .chapter-content-center {
              border: 0px solid violet;
              margin: 0;
              padding: 0;
              box-sizing: border-box; }
              html .main .container .column .math-area .chapter-content-area .chapter-content-center .chapter-content-text, body .main .container .column .math-area .chapter-content-area .chapter-content-center .chapter-content-text {
                top: 0;
                box-sizing: border-box;
                border: 0px solid green;
                padding: 0;
                margin: 0;
                font-size: 1.1713vw;
                text-align: center; }
          html .main .container .column .math-area .ground-basic, body .main .container .column .math-area .ground-basic {
            margin: 8vh 0 0 0;
            text-align: center; }
          html .main .container .column .math-area .basic-buttons, body .main .container .column .math-area .basic-buttons {
            padding: 0 auto;
            margin: 0px;
            border: none;
            text-align: center; }
            html .main .container .column .math-area .basic-buttons .button-line, body .main .container .column .math-area .basic-buttons .button-line {
              -webkit-tap-highlight-color: transparent;
              border: none;
              width: 118px;
              height: 50px;
              display: inline-block;
              margin: 10px 10px; }
              html .main .container .column .math-area .basic-buttons .button-line .access-text, body .main .container .column .math-area .basic-buttons .button-line .access-text {
                border: none;
                color: red;
                margin: 0;
                padding: 0;
                font-size: 12px;
                opacity: 0; }
              html .main .container .column .math-area .basic-buttons .button-line .button, body .main .container .column .math-area .basic-buttons .button-line .button {
                background-color: #eeffff;
                border: 2px solid #88e3ff;
                border-radius: 5px;
                width: 118px;
                height: 50px;
                padding: auto 0;
                margin: auto 0;
                display: table; }
                html .main .container .column .math-area .basic-buttons .button-line .button .button-course, body .main .container .column .math-area .basic-buttons .button-line .button .button-course {
                  display: table-cell;
                  vertical-align: middle;
                  text-align: center;
                  font-size: 14px; }
                html .main .container .column .math-area .basic-buttons .button-line .button .button-course:hover, body .main .container .column .math-area .basic-buttons .button-line .button .button-course:hover {
                  font-size: 16px;
                  transition: 0.2s; }
              html .main .container .column .math-area .basic-buttons .button-line .button:hover, body .main .container .column .math-area .basic-buttons .button-line .button:hover {
                cursor: default; }
              html .main .container .column .math-area .basic-buttons .button-line .button:active, body .main .container .column .math-area .basic-buttons .button-line .button:active {
                cursor: default;
                -webkit-box-shadow: 0px 0px 10px #88e3ff;
                box-shadow: 0px 0px 10px #88e3ff; }
          html .main .container .column .math-area .main-buttons, body .main .container .column .math-area .main-buttons {
            padding: 0 auto;
            margin: 0px;
            border: none;
            text-align: center; }
            html .main .container .column .math-area .main-buttons .button-line, body .main .container .column .math-area .main-buttons .button-line {
              border: none;
              width: 118px;
              height: 50px;
              display: inline-block;
              margin: 10px 10px; }
              html .main .container .column .math-area .main-buttons .button-line .access-text, body .main .container .column .math-area .main-buttons .button-line .access-text {
                border: none;
                color: red;
                margin: 0;
                padding: 0;
                font-size: 12px;
                opacity: 0; }
              html .main .container .column .math-area .main-buttons .button-line .button, body .main .container .column .math-area .main-buttons .button-line .button {
                opacity: 0.5;
                background-color: #eeffff;
                border: 2px solid #88e3ff;
                border-radius: 5px;
                width: 118px;
                height: 50px;
                padding: auto 0;
                margin: auto 0;
                display: table; }
                html .main .container .column .math-area .main-buttons .button-line .button .button-course, body .main .container .column .math-area .main-buttons .button-line .button .button-course {
                  display: table-cell;
                  vertical-align: middle;
                  text-align: center;
                  font-size: 14px; }
                html .main .container .column .math-area .main-buttons .button-line .button .button-course:hover, body .main .container .column .math-area .main-buttons .button-line .button .button-course:hover {
                  font-size: 16px;
                  transition: 0.2s; }
              html .main .container .column .math-area .main-buttons .button-line .button:hover, body .main .container .column .math-area .main-buttons .button-line .button:hover {
                cursor: default; }
              html .main .container .column .math-area .main-buttons .button-line .button:active, body .main .container .column .math-area .main-buttons .button-line .button:active {
                cursor: default;
                -webkit-box-shadow: 0px 0px 10px #88e3ff;
                box-shadow: 0px 0px 10px #88e3ff; }
          html .main .container .column .math-area .pi_pythagorean_math, body .main .container .column .math-area .pi_pythagorean_math {
            margin: 12vw 0 0 0;
            padding: 0;
            border: 0px solid red;
            text-align: center; }
            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; }
            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 .links, body .main .container .column .math-area .links {
            margin: 0;
            padding: 1vw 0 0 0;
            margin: 15vw 0 10vw 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;
          border: none; }
  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=content.css.map */