body {
  position: relative;
  background-color: #ddd; }
  body .page {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    background-color: white;
    min-height: 100vh;
    padding: 20px 0; }
    @media screen and (max-width: 992px) {
      body .page {
        max-width: 100%;
        width: 100%; } }
    body .page section {
      padding: 20px 80px; }
      @media screen and (max-width: 992px) {
        body .page section {
          padding: 10px; } }
      body .page section.banner img {
        width: 160px; }
      body .page section:nth-of-type(2n) {
        background-color: #f9f9f9; }
      body .page section pre {
        background-color: #eee;
        border: solid 2px #ddd;
        margin: 10px 0; }
      body .page section:not(.banner) img {
        height: 120px;
        aspect-ratio: 3/2;
        float: right;
        object-fit: cover;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
      body .page section span.com {
        color: #858fa0; }
      body .page section .color_bar {
        display: flex;
        justify-content: center;
        margin-top: 30px; }
        body .page section .color_bar div.col-sm {
          height: 100px;
          max-width: 100px !important;
          display: flex;
          justify-content: center; }
        body .page section .color_bar span.color_square {
          display: inline-block;
          width: 50px;
          height: 50px;
          margin: 0 5px;
          border-radius: 3px;
          position: relative;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
          body .page section .color_bar span.color_square span {
            position: absolute;
            top: 100%;
            left: 50%;
            width: max-content;
            transform: translate(-50%, 0);
            text-align: center;
            font-weight: 600; }
      body .page section#index .row {
        margin: 0;
        padding: 0; }
      body .page section#index ul {
        list-style-type: none;
        text-align: center; }
      body .page section#index goto {
        color: #333; }
  body goto {
    text-decoration: underline;
    color: #39a6ff;
    cursor: pointer; }
  body #return_floating_button {
    position: fixed;
    bottom: 20px;
    right: 80px;
    background-color: #FE0D37;
    color: white;
    text-align: center;
    padding-top: 12px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer; }
  body #index_floating_button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #FE0D37;
    color: white;
    text-align: center;
    padding-top: 12px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer; }
  body .fslightbox-container {
    background-color: rgba(0, 0, 0, 0.6); }

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