body {
   text-align: center;
   font-size: 16px;
   background-color: #fafafa;
   min-width: 320px;
   margin: 0px;
   font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

p {

   font-size: 1.125em;
   line-height: 1.7em;
   font-weight: 400;
   letter-spacing: -0.022em;
   color: #1E1E1E;
   font-style: normal;

}

a{
   font-size: 1.125em;
   line-height: 1.7em;
   letter-spacing: -0.022em;
   color: var(--c-title);
   font-style: normal;
   text-decoration: none;
}

.st0 {
   opacity: 0.8;
   fill: #FFFFFF;
}

.st2 {
   opacity: 0.2;
   fill: #000000;
}

.st3 {
   fill: #000000;
}

#aug {
   margin: 0px;
}

#aug_fr {
   box-shadow:0 0 8px #fffeff;
}

#rea {
   margin-top: -1.85em;
}

.wrong_h2 {
   font-size: 1.875em;
   line-height: 1.1;
   font-weight: 600;
   color: #1e1e1e;
   letter-spacing: 0em;
   font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
   text-align: center;
   z-index: 1;
}

.h1_container {
   display:block;
   max-width: 31.25em;
   position: relative;
   margin: auto;
   padding-top: 5em;
   background-color: #fefefe00;
}

.h2_container {
   display:block;
   width: auto;
   max-width: 31.25em;
   position: relative;
   margin: auto;
   background-color: #fefefe00;
}

.ar-icon {
   width: 1.2em;
   height: 1.2em;
   margin: -3px 0.12em;
   text-shadow: 1px 1px;
   filter: drop-shadow(0px 1px 2px #00000035);
}

.column {
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   position: relative;
   z-index: 1;
   margin: 2em 0 2em 0;
   min-height: 2px;
   font-size: 17px;
   line-height: 1.47059;
   font-weight: 400;
   letter-spacing: -0.022em;
   background-color: #FEFEFE00;
   color: #333333;
   font-style: normal;
   display: inline-block;
   width: 100%;
}

.text-center {
   text-align: center;
}   

.hanger {
   color: var(--c-title);
   opacity: 40%;
   text-decoration: none;
   border: var(--c-title);
   border-width: 1.5px;
   border-style: solid;
   padding: 0px 5px;
   border-radius: 20px;
}

.site-footer {
   text-align: center;
   font-size: 12px;
   padding: 32px 16px;
 }
 .site-footer .slogan {
   margin-bottom: 24px;
 }

.image-model {
   margin: 0 auto;
   width: 250px;
   height: 250px;
   border-radius: 22.5%;
   border: 0;
   -webkit-mask: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A) center/100% 100% no-repeat;
   mask: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A) center/100% 100% no-repeat;
}

@media screen and (max-width: 480px) {

   #aug {
      height: 4.5em;
   }

   #rea {
      height: 4.5em;
      margin-top: -1.45em;
   }

   body {text-align: left;}

   #topbar {
      text-align: center;
      border-bottom: 0.5px solid #8080808c;
      padding: 15px 0px !important;
      transform: none !important;
   }

   .wrong_h2 {text-align: left;}

   .h2_container {margin: 0.8em;}

   p {line-height: 1.5em;}

   .card2{text-align: left;}

}

@media screen and (max-width: 374px){
#rea {
    height: 4em;
    margin-top: -1.3em;
}

#aug {
   width:20em;
   height: 4em;
}

}

@keyframes opa2 {
   0% {opacity: 0;}
   35% {opacity: 1;}
   45% {opacity: 0;}
   60% {opacity: 0;}
   70% {opacity: 1;}
   80% {opacity: 0;}
   100% {opacity: 1;}
      }
      
@-webkit-keyframes   opa2 {
    0% {opacity: 0;}
   35% {opacity: 1;}
   45% {opacity: 0;}
   60% {opacity: 0;}
   70% {opacity: 1;}
   80% {opacity: 0;}
   100% {opacity: 1;}
      } 
   
      
.opa2 {
   opacity: 1;
   animation: opa2 1s linear infinite;
   -webkit-animation: opa2 1s linear infinite;
      
      }

.augst0{opacity:0.3;}
.augst1{fill:#000000;}

.reast0{opacity:0.3;}
.reast1{fill:#000000;}

:root * {
   transition: color, background-color 1000ms linear;
 }

.logo {
   height: 2em;
   display: inline-block;
   vertical-align: middle;
   margin-top: -2px;
}

 #topbar {
   position: fixed;
   width: 100%;
   top: 0;
   z-index: 10;
   background: #fafafafa;
   padding: 25px 0px 15px;
   height: 24px;
   min-width: 320px;
   vertical-align: middle;
   transform: scale(1.5,1.5);
}

#topbar h1 {
   font-size: 1.6em;
   font-weight: 500;
   text-align: center;
   margin: -2 0 0 0px;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.intro{
   cursor: pointer;
   font-size: 16px;
   font-weight: 600 !important;
   text-decoration: none !important;
   color: var(--c-title);
}

.caption{
   font-size: 12px;
   color: #9b9b9b;
   font-weight: 600 !important;
   line-height: 1.33337;
   text-decoration: none !important;
}

:root {
   --c-base-black: #0C1E29;
   --c-title: #0C1E29;
   --c-base-blacklight: #4E616C;
   --c-base-purple: #5978F3;
   --c-base-purplelight: #C2CCF2;
   --c-base-bluelight: hwb(199, 1%, 4%);
   --c-base-blue: hwb(209, 0%, 35%);
   --c-base-green: hwb(123, 40%, 27%);
   --c-base-graylight: hwb(0, 80%, 20%);
   --c-base-gray: hwb(0, 60%, 40%);
   --c-base-orange: hwb(22, 21%, 5%);
   --c-base-red: hwb(5, 24%, 9%);
   --c-base-white: hwb(0, 95%, 5%);
   --c-base-yellow: hwb(48, 6%, 5%);
 }

@media screen and (prefers-color-scheme: dark){

   :root {--c-title: #ffffff;}

   body {background-color: #000000;}

   p {color: #efefef;}

   .wrong_h2 {color: #efefef;}

   #aug {filter: invert(1);}

   #rea {filter: invert(1);}

   .image-model {filter: brightness(0.8);}

   #topbar {background: #000000fa;}

   #topbar h1 {color: #fffffffa;}

   .rss {color: #ffffff;}

}