:root {
                                          --blue: #0abde3;
                                          --bblue: #03055e;
                                          --black: #130f40;
                                          --light-color: #666;
                                          --border: .1rem solid rgba(0, 0, 0, .1);
                                          --box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
                                          --bbox-shadow: 0 .2rem 0.5rem #0abde3;
                                          --wbox-shadow: 0 .5rem 1rem #ffffff;
                                      }
                                      
                                      * {
                                          box-sizing: border-box;
                                          margin: 0;
                                          padding: 0;
                                          box-sizing: border-box;
                                          outline: none;
                                          border: none;
                                          text-decoration: none;
                                          transition: all .2s linear;
                                      }
                                      
                                      html {
                                          font-size: 62.5%;
                                          overflow-x: hidden;
                                          scroll-padding-top: 7rem;
                                          scroll-behavior: smooth;
                                      }
                                      
                                      html::-webkit-scrollbar {
                                          width: 1rem;
                                      }
                                      
                                      html::-webkit-scrollbar-track {
                                          background: #fff;
                                      }
                                      
                                      html::-webkit-scrollbar-thumb {
                                          background: var(--blue);
                                          border-radius: 5rem;
                                      }
                                      
                                      .heading {
                                          text-align: center;
                                          padding-bottom: 2rem;
                                          font-size: 5rem;
                                          color: var(--black);
                                      }
                                      
                                      .heading span {
                                          position: relative;
                                          z-index: 0;
                                      }
                                      
                                      .heading span::before {
                                          content: '';
                                          position: absolute;
                                          bottom: 1.2rem;
                                          left: 0;
                                          height: 100%;
                                          width: 100%;
                                          background: var(--blue);
                                          clip-path: polygon(0 90%, 100% 83%, 100% 100%, 0% 100%);
                                          z-index: -1;
                                      }
                                      
                                      .btn {
                                          margin-top: 1rem;
                                          display: inline-block;
                                          padding: .9rem 3rem;
                                          font-size: 1.7rem;
                                          cursor: pointer;
                                          color: #fff;
                                          background: var(--black);
                                          border-radius: .5rem;
                                      }
                                      
                                      .btn:hover {
                                          background: var(--blue);
                                      }
                                      
                                      body {
                                          font-family: Arial;
                                          padding: 0;
                                      }
                                      /* Header/Blog Title */
                                      
                                      .header {
                                          margin: 0;
                                          text-align: center;
                                          color: #ffffff;
                                          font-size: 2rem;
                                          display: flex;
                                          align-items: center;
                                          justify-content: space-between;
                                          padding: 2rem 9%;
                                          background: var(--black);
                                          position: fixed;
                                          top: 0;
                                          left: 0;
                                          right: 0;
                                          z-index: 1000;
                                      }
                                      
                                      .header .navbar a {
                                          margin-left: 2rem;
                                          font-size: 1.7rem;
                                          color: #fff;
                                          text-decoration: none;
                                      }
                                      
                                      .header .navbar a:hover {
                                          color: var(--blue);
                                      }
                                      
                                      .header h1 {
                                          font-size: 4rem;
                                          text-shadow: var(--wbox-shadow);
                                      }
                                      
                                      #menu-btn {
                                          cursor: pointer;
                                          color: #fff;
                                          font-size: 3rem;
                                          display: none;
                                      }
                                      /* Left column */
                                      
                                      .leftcolumn {
                                          float: left;
                                          width: 25%;
                                      }
                                      /* Right column */
                                      
                                      .rightcolumn {
                                          float: left;
                                          width: 75%;
                                          padding-left: 20px;
                                      }
                                      /* Fake image */
                                      
                                      .fakeimg {
                                          background-color: #aaa;
                                          width: 100%;
                                          padding: 20px;
                                      }
                                      /* Add a card effect for articles */
                                      
                                      .card {
                                          padding: 20px;
                                          margin-top: 20px;
                                          padding-left: 20px;
                                          color: black;
                                          box-shadow: var(--box-shadow);
                                          font-size: 1.5rem;
                                      }
                                      
                                      .card table,
                                      th,
                                      td {
                                          font-size: 1.5rem;
                                          border: 1px solid var(--blue);
                                          border-collapse: collapse;
                                          padding: 5px;
                                          color: var(--bblue);
                                          font-size: 1.7rem;
                                      }
                                      
                                      .row {
                                          padding: 2rem 3%;
                                          margin-top: 7rem;
                                      }
                                      /* Clear floats after the columns */
                                      
                                      .row:after {
                                          content: "";
                                          display: table;
                                          clear: both;
                                      }
                                      
                                      .dov {
                                          padding: 10px;
                                          font-size: 1.5rem;
                                          width: 40%;
                                          float: right;
                                          box-shadow: var(--bbox-shadow);
                                      }
                                      
                                      .dov img {
                                          width: 100%;
                                      }
                                      
                                      .card h4 {
                                          font-size: 1.5rem;
                                          width: 60%;
                                          float: right;
                                      }
                                      
                                      .footer {
                                          padding: 2rem;
                                          text-align: center;
                                          background: var(--black);
                                          margin-top: 20px;
                                          padding-bottom: 2rem;
                                      }
                                      
                                      .footer h2 {
                                          color: #fff;
                                          font-size: 2rem;
                                      }
                                      
                                      .footer h3 {
                                          color: #fff;
                                          font-size: 1.5rem;
                                      }
                                      
                                      .footer a {
                                          color: #ffffff;
                                          text-align: center;
                                          padding: 14px 16px;
                                          text-decoration: none;
                                          font-size: 20px;
                                      }
                                      
                                      .footer a:hover {
                                          color: #ffffff;
                                          font-size: 21px;
                                          transition-duration: 0.5s;
                                      }
                                      /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
                                      
                                      @media screen and (max-width: 1060px) {
                                          .leftcolumn {
                                              width: 40%;
                                              padding: 5px;
                                          }
                                          .rightcolumn {
                                              width: 60%;
                                              padding: 5px;
                                          }
                                      }
                                      
                                      @media screen and (max-width: 900px) {
                                          .leftcolumn {
                                              width: 45%;
                                              padding: 5px;
                                          }
                                          .rightcolumn {
                                              width: 55%;
                                              padding: 5px;
                                          }
                                      }
                                      
                                      @media screen and (max-width: 800px) {
                                          .leftcolumn,
                                          .rightcolumn {
                                              width: 100%;
                                              padding: 0;
                                          }
                                      }
                                      /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
                                      
                                      @media screen and (max-width: 400px) {
                                          .topnav a {
                                              float: none;
                                              width: 100%;
                                          }
                                      }
                                      
                                      @media screen and (max-width: 1000px) {
                                          td,
                                          th {
                                              padding: 8px;
                                              font-size: 15px;
                                          }
                                      }
                                      
                                      @media screen and (max-width: 750px) {
                                          td,
                                          th {
                                              padding: 4px;
                                              font-size: 7px;
                                          }
                                      }
                                      /* media queries  */
                                      
                                      @media (max-width:991px) {
                                          html {
                                              font-size: 55%;
                                          }
                                          .header {
                                              padding: 2rem;
                                          }
                                          section {
                                              padding: 2rem;
                                          }
                                      }
                                      
                                      @media (max-width:768px) {
                                          #menu-btn {
                                              display: initial;
                                          }
                                          #menu-btn.fa-times {
                                              transform: rotate(180deg);
                                          }
                                          .header .navbar {
                                              position: absolute;
                                              top: 99%;
                                              left: 0;
                                              right: 0;
                                              background: var(--black);
                                              clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
                                          }
                                          .header .navbar.active {
                                              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
                                          }
                                          .header .navbar a {
                                              font-size: 2rem;
                                              margin: 2.5rem 2rem;
                                              display: block;
                                          }
                                      }
                                      
                                      @media (max-width:450px) {
                                          html {
                                              font-size: 50%;
                                          }
                                      }