@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
 /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
 
 html {
     color: #222;
     font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 1em;
     line-height: 1.4;
 }
 
 body {
     background: #000 url("/img/main_bg.jpg") no-repeat center;
     background-size: cover;
 }
 
 h2 {
     font-size: 1.4em;
     font-weight: 700;
     margin-bottom: 0;
 }
 
 h3 {
     font-size: 1.2em;
     font-weight: 700;
     color: #e23a25;
     margin-bottom: 0;
 }
 
 .container {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 100vh;
 }
 
 .card {
     width: 90%;
     margin: 0 auto;
     background: #fff;
     -webkit-box-shadow: 16px 32px 64px 24px rgba(0, 0, 0, 0.32);
     -moz-box-shadow: 16px 32px 64px 24px rgba(0, 0, 0, 0.32);
     box-shadow: 16px 32px 64px 24px rgba(0, 0, 0, 0.32);
     border-radius: 24px;
 }
 
 .card-main {
     display: flex;
     flex-flow: column nowrap;
     justify-content: flex-start;
     padding: 32px 48px;
 }
 
 .list {
     list-style: none;
     padding: 0;
     font-size: 1.22em;
     font-weight: 400;
     margin: 24px;
     text-align: center;
     border-top: #ccc 1px solid;
 }
 
 .list li {
     margin: 16px 0 0;
 }
 
 .list a {
     text-decoration: none;
     color: #222;
 }
 
 .list a:hover {
     color: #e23a25;
 }
 
 .list-icon {
     padding-right: 8px;
 }
 
 .main-logo {
     margin: 32px auto;
     display: block;
 }
 /* ==========================================================================
 Media Queries for Responsive Design.
  ========================================================================== */
 
 @media only screen and (min-width: 40em) {
     .card {
         width: auto;
     }
     .card-item {
         width: 100%;
     }
     .ci-right {
         width: 100%;
     }
 }
 
 ::-moz-selection {
     background: #fcb5b3;
     text-shadow: none;
 }
 
 ::selection {
     background: #fcb5b3;
     text-shadow: none;
 }
 /*
 * A better looking default horizontal rule
 */
 
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
 }
 
 audio,
 canvas,
 iframe,
 img,
 svg,
 video {
     vertical-align: middle;
 }
 /*
 * Remove default fieldset styles.
 */
 
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
 }
 
 textarea {
     resize: vertical;
 }
 
 .hidden,
 [hidden] {
     display: none !important;
 }
 
 .sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     white-space: nowrap;
     width: 1px;
     /* 1 */
 }
 
 .sr-only.focusable:active,
 .sr-only.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     white-space: inherit;
     width: auto;
 }
 
 .invisible {
     visibility: hidden;
 }
 
 .clearfix::before,
 .clearfix::after {
     content: " ";
     display: table;
 }
 
 .clearfix::after {
     clear: both;
 }
 
 @media print,
 (-webkit-min-device-pixel-ratio: 1.25),
 (min-resolution: 1.25dppx),
 (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
 }
 /* ==========================================================================
   Print styles.
   ========================================================================== */
 
 @media print {
     *,
     *::before,
     *::after {
         background: #fff !important;
         color: #000 !important;
         /* Black prints faster */
         box-shadow: none !important;
         text-shadow: none !important;
     }
     a,
     a:visited {
         text-decoration: underline;
     }
     a[href]::after {
         content: " (" attr(href) ")";
     }
     abbr[title]::after {
         content: " (" attr(title) ")";
     }
     /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
     a[href^="#"]::after,
     a[href^="javascript:"]::after {
         content: "";
     }
     pre {
         white-space: pre-wrap !important;
     }
     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
     }
     thead {
         display: table-header-group;
     }
     tr,
     img {
         page-break-inside: avoid;
     }
     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }
     h2,
     h3 {
         page-break-after: avoid;
     }
 }