:root {
       --highlight-color: var(--packer-link);
       --keyanime: .8s ease-in-out 1 forwards slide;
       --keyanimel1: 300ms;
       --keyanimel3: 600ms;
       --keyanimel5: 900ms;
       --keyanimel7: 1200ms;
       --keyanimel9: 1500ms;
       --keyanimel10: 1800ms;
       --keyanimel8: 2100ms;
       --keyanimel6: 2400ms;
       --keyanimel4: 2700ms;
       --keyanimel2: 3000ms;
       --keyanimetxtlogo: 2s ease-in 1 forwards opa;
       --keyanimetxtlogod: 4800ms;
       --keyanimeslogan: 1s ease-in 1 forwards popup;
       --keyanimeslogand: 4000ms;
       --keyanimelogo: 4s ease-in 1 forwards opalogo;
       --keyanimelogod: 5000ms;

   }

   * {
       font-synthesis: none;
       -moz-font-feature-settings: 'kern';
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       transition: 0.3s all ease-in-out;
   }

   @keyframes slide {
       0% {
           transform: scale(0.5);
           opacity: 0
       }

       80% {
           transform: scale(1.2);

       }

       100% {
           transform: scale(1);
           opacity: 1
       }
   }

   @keyframes popup {
       0% {
           /*transform: scale(0.5);*/
           transform: translateY(20px);
           opacity: 0
       }

       100% {
           /*transform: scale(1);*/
           transform: translateY(0);
           opacity: 1
       }
   }

   @keyframes opa {
       0% {
           opacity: 0
       }

       100% {
           opacity: 1
       }
   }

   @keyframes opalogo {
       0% {
           opacity: 0
       }

       100% {
           opacity: 0.6
       }
   }

   html {
       height: 100%;
       font-family: 'Roboto Slab', sans-serif;
       -ms-text-size-adjust: 100%;
       -webkit-text-size-adjust: 100%;
       font-size: 62.5%;
   }

   body {
       background-color: #fff;
       font-family: 'Roboto', sans-serif;
       /*font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica,Arial,sans-serif;*/
       font-size: 14px;
       font-size: 1.4rem;
       line-height: 1.5;
       margin: .4rem 0 1.6rem;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
   }

   a,
   a:active,
   a:focus {
       unicode-bidi: embed;
       outline: 0;
       color: #6f6f6f;
       /*color: #36c;*/
       text-decoration: none;
   }

   a:-webkit-any-link {
       /*color: -webkit-link; 
        color: #36c;*/
       color: #6f6f6f;
       cursor: pointer;
   }

   h1 {
       font-size: 32px;
       font-size: 3.2rem;
       margin: 1.2rem 0;
   }

   .central-textlogo {
       position: relative;
       margin: 4rem auto .5rem;
       width: 270px;
       font-family: 'Roboto Slab', sans-serif;
       /*font-family: Linux Libertine,Hoefler Text,Georgia,Times New Roman,Times,serif;*/
       font-size: 30px;
       font-size: 3rem;
       /*font-weight: 400;*/
       line-height: 33px;
       line-height: 3.3rem;
       text-align: center;
       -moz-font-feature-settings: "ss05=1";
       -moz-font-feature-settings: "ss05";
       -webkit-font-feature-settings: "ss05";
       -ms-font-feature-settings: "ss05";
       font-feature-settings: "ss05";
   }

   .central-featured-logo {
       opacity: 0;
       animation: var(--keyanimelogo);
       animation-delay: var(--keyanimelogod);
       position: absolute;
       top: 158px;
       left: 35px;
   }

   .central-textlogo-wrapper {
       display: inline-block;
       vertical-align: bottom;
       cursor: default;
   }

   .central-textlogo__image {
       opacity: 0;
       animation: var(--keyanimetxtlogo);
       animation-delay: var(--keyanimetxtlogod);
       /*color: transparent;*/
       display: inline-block;
       overflow: hidden;
       /*text-indent: -10000px;*/
   }

   .svg-Wikipedia_wordmark {
       background-position: 0 -254px;
       width: 176px;
       /* height: 32px;*/
       height: fit-content;
   }

   .sprite {
       /*background-image: linear-gradient(transparent,transparent),url(https://www.wikipedia.org/portal/wikipedia.org/assets/img/sprite-e99844f6.svg);
        background-repeat: no-repeat;*/
       display: inline-block;
       vertical-align: middle;
       font-family: 'Roboto Slab', sans-serif;
       font-weight: 100;
   }

   .localized-slogan {
       opacity: 0;
       animation: var(--keyanimeslogan);
       animation-delay: var(--keyanimeslogand);
       display: block;
       font-family: 'Roboto Slab', sans-serif;
       /* font-family: Linux Libertine,Georgia,Times,serif;*/
       font-size: 15px;
       font-size: 1.5rem;
       font-weight: 400;
       overflow: hidden;
   }

   hr,
   img {
       border: 0;
   }

   img {
       vertical-align: middle;
   }

   .central-textlogo {
       position: relative;
       margin: 4rem auto .5rem;
       width: 270px;
       font-family: Linux Libertine, Hoefler Text, Georgia, Times New Roman, Times, serif;
       font-size: 30px;
       font-size: 3rem;
       font-weight: 400;
       line-height: 33px;
       line-height: 3.3rem;
       text-align: center;
       -moz-font-feature-settings: "ss05=1";
       -moz-font-feature-settings: "ss05";
       -webkit-font-feature-settings: "ss05";
       -ms-font-feature-settings: "ss05";
       font-feature-settings: "ss05";
   }

   .central-textlogo__copyright {
       font-size: 70%;
       /* padding-bottom: 12px; */
       vertical-align: super;
   }

   .lang1 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel1);
       top: 0;
       right: 60%
   }

   .lang2 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel2);
       top: 0;
       left: 60%
   }

   .lang3 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel3);
       top: 20%;
       right: 70%
   }

   .lang4 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel4);
       top: 20%;
       left: 70%
   }

   .lang5 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel5);
       top: 40%;
       right: 72%
   }

   .lang6 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel6);
       top: 40%;
       left: 72%
   }

   .lang7 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel7);
       top: 60%;
       right: 70%
   }

   .lang8 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel8);
       top: 60%;
       left: 70%
   }

   .lang9 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel9);
       top: 80%;
       right: 60%
   }

   .lang10 {
       animation: var(--keyanime);
       animation-delay: var(--keyanimel10);
       top: 80%;
       left: 60%
   }

   .central-featured {
       position: relative;
       height: 325px;
       height: 32.5rem;
       width: 546px;
       width: 54.6rem;
       max-width: 100%;
       margin: 0 auto;
       text-align: center;
       vertical-align: middle;
   }

   .central-featured-lang {
       opacity: 0;
       position: absolute;
       width: 156px;
       width: 15.6rem;
   }

   .central-featured-lang .link-box {
       display: block;
       padding: 0;
       text-decoration: none;
       white-space: normal;
       transition: 0.3s all ease-in-out;
   }

   .central-featured-lang .link-box:hover {
       color: #3d3d3d;
       transform: scale(1.5);

   }

   .central-featured-lang strong {
       display: block;
       font-size: 16px;
       font-size: 1.6rem;
   }

   .central-featured-lang small {
       color: #888;
       /*color: #54595d;*/
       display: inline-block;
       font-size: 13px;
       font-size: 1.3rem;
       line-height: 1.6;
   }

   hr {
       clear: both;
       height: 0;
       border-bottom: 1px solid #c8ccd1;
       margin: .26rem 1.3rem;
   }

   hr,
   img {
       border: 0;
   }

   hr {
       -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
   }

   .site-license {
       color: #54595d;
       text-align: center;
   }

   p {
       display: block;
       margin-block-start: 1em;
       margin-block-end: 1em;
       margin-inline-start: 0px;
       margin-inline-end: 0px;
   }

   .site-license small:after {
       content: "|";
       display: inline-block;
       font-size: 13px;
       font-size: 1.3rem;
       line-height: inherit;
       margin-left: .8rem;
       margin-right: .5rem;
   }

   .site-license small:last-child:after {
       display: none
   }

   /* @media (width <= 520px) {*/
   @media screen and (max-width: 520px) {

       .lang1,
       .lang3,
       .lang5,
       .lang7,
       .lang9 {
           right: unset;
           left: 0;
       }

       .lang2,
       .lang4,
       .lang6,
       .lang8,
       .lang10 {
           left: unset;
           right: 0;
       }

       .site-license small:first-child {
           display: block
       }

       .site-license small:first-child::after {
           display: none
       }
   }

   @media screen and (max-width: 456px) {
       .central-featured-logo {
           opacity: 0;
           animation: unset;
           animation-delay: unset;
       }
   }