@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
  /* ===== Colours ===== */
  .nocopybody {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   }


   body{
    background-color: rgb(3, 1, 17);
    color: white;

   }


    :root {
      --c-gray-100: #fbf8f2;
      --c-gray-200: #fcfdfe;
      --c-gray-300: #e9ebec;
      --c-gray-400: #e3e4ea;
      --c-gray-500: #5f5f5f;
      --c-gray-900: #1d1d1d;
      --c-blue-300: #a8dee2;
      --c-blue-500: #2ab3c0;
      --c-green-500: #80b895;
      --c-green-300: #bad5ca;
      --c-red-500: #ea605e;
      --c-yellow-300: #f8e0b1;
      --c-yellow-500: #f9bc73;
      --rotation: -3deg;
    }
    
    
    a{
      color: white;
      text-decoration: none;
    }
    
    a:hover{
      text-decoration:underline green;
    }
    
    .phone {
      width: 460px;
      border-radius: 25px;
      overflow: hidden;
      padding: 2rem;
      box-shadow: 0 0 0 10px var(--c-gray-300), 0 0 0 11px var(--c-gray-200);
      position: relative;
      z-index: 1;
      margin-left: auto;
      margin-right: auto;
    }
    
    
    
    .playlists {
      margin-top: 2.5rem;
      display: flex;
      margin-left: 1.5rem;
      margin-right: 1.5rem;
    }
    
    .maincard {
      width: 48%;
      transform: rotate(var(--rotation));
      transition: 0.15s ease-out;
    }
    .maincard:nth-child(2) {
      margin-top: 1rem;
      --rotation: 5deg;
    }
    .maincard:nth-child(2) .maincard-inner:after {
      background-color: var(--c-green-300);
    }
    .maincard:nth-child(2) .maincard-pin {
      top: 20px;
      left: 20px;
      transform: rotate(-5deg);
    }
    .maincard + .maincard {
      margin-left: 1.5rem;
    }
    .maincard:hover, .maincard:focus-within {
      transform: translateY(15px) rotate(var(--rotation));
      
    }

     .maincard:focus-within{
      background-color: rgb(2, 2, 48);
    }
    .maincard:hover .maincard-pin:after, .maincard:focus-within .maincard-pin:after {
      height: 54px;
    }
    .maincard:hover .maincard-pin:before, .maincard:focus-within .maincard-pin:before {
      transform: translatey(-4px);
    }
    .maincard.horizontal {
      width: 100%;
      transform: rotate(2deg);
    }
    .maincard.horizontal .maincard-inner {
      flex-direction: row;
      align-items: center;
      padding: 1rem;
    }
    
    .maincard.horizontal .maincard-image {
      width: 60px;
      height: 60px;
      flex-shrink: 0;
    }
    .maincard.horizontal .maincard-content {
      width: 100%;
      margin-top: 0;
      margin-left: 0.5rem;
    }
    .maincard.horizontal .maincard-meta-artist {
      font-weight: 700;
    }
    .maincard.horizontal .maincard-title {
      font-weight: 500;
      color: var(--c-gray-500);
      font-size: 1.125em;
      margin-top: 0.125em;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .maincard.horizontal .maincard-time {
      font-weight: 600;
    }
    .maincard.horizontal:hover .maincard-pin.simple:before,
    .maincard.horizontal:hover .maincard-pin.simple:after, .maincard.horizontal:focus-within .maincard-pin.simple:before,
    .maincard.horizontal:focus-within .maincard-pin.simple:after {
      transform: none;
    }
    .maincard.horizontal:hover .maincard-pin.simple:after, .maincard.horizontal:focus-within .maincard-pin.simple:after {
      height: 50px;
    }
    
    .maincard-inner {
      display: flex;
      flex-direction: column;
      border: 2px solid var(--c-gray-900);
      border-radius: 20px;
      padding: 0.5rem;
      border: 1.5px solid rgb(99, 98, 98);
      border-radius: 10px;
      box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 
      background-color: #0a0f2c;
      
      position: relative;
    }
    .maincard-inner:after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 95%;
      height: 100%;
      bottom: -9px;
      left: calc(50% - 47.5%);
      border-radius: 20px;
      border: 2px solid var(--c-gray-900);
      background-color: var(--c-yellow-);
    }
    
    .maincard-pin {
      width: 12px;
      height: 8px;
      background-color: var(--c-gray-900);
      position: absolute;
      top: 20px;
      left: calc(50% - 6px);
      border-radius: 50%;
      box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c-gray-900);
      transform: rotate(3deg);
      z-index: 1;
    }
    .maincard-pin:before, .maincard-pin:after {
      content: "";
      display: block;
      border-radius: 50%;
      position: absolute;
      transition: 0.15s ease-out;
    }
    .maincard-pin:before {
      width: 12px;
      height: 12px;
      background-color: var(--c-gray-900);
      border-radius: 50%;
      left: calc(50% - 6px);
      top: -44px;
    }
    .maincard-pin:after {
      width: 6px;
      background-color: rgb(242, 242, 244);
      border: 1px solid;
      border-radius: 99em;
      height: 50px;
      left: calc(50% - 3px);
      bottom: 3px;
    }
    .maincard-pin.simple {
      box-shadow: none;
    }
    .maincard-pin.simple:nth-of-type(odd) {
      left: 10px;
      top: 10px;
      transform: rotate(-45deg);
    }
    .maincard-pin.simple:nth-of-type(even) {
      left: calc(100% - 20px);
      top: calc(100% - 20px);
      transform: rotate(120deg);
    }










    
      
    .mainhcard.horizontal {
      width: 85%;
      margin-left: 4%;
      transform: rotate(4deg);
      margin-bottom: 55px;


    }
    .mainhcard.horizontal .mainhcard-inner {
      flex-direction: row;
      align-items: center;
      padding: 1rem;
    }
    .mainhcard.horizontal .mainhcard-inner:after {
      background-color: rgb(2, 1, 21);
    }
  
    .mainhcard.horizontal .mainhcard-content {
      width: 100%;
      margin-top: 0;
      margin-left: 0.5rem;
    }
    .mainhcard.horizontal .mainhcard-meta-artist {
      font-weight: 700;
    }
    .mainhcard.horizontal .mainhcard-title {
      font-weight: 500;
      color: var(--c-gray-500);
      font-size: 1.125em;
      margin-top: 0.125em;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .mainhcard.horizontal .mainhcard-time {
      font-weight: 600;
    }
    .mainhcard.horizontal:hover .mainhcard-pin.simple:before,
    .mainhcard.horizontal:hover .mainhcard-pin.simple:after, .mainhcard.horizontal:focus-within .mainhcard-pin.simple:before,
    .mainhcard.horizontal:focus-within .mainhcard-pin.simple:after {
      transform: none;
    }
    .mainhcard.horizontal:hover .mainhcard-pin.simple:after, .mainhcard.horizontal:focus-within .mainhcard-pin.simple:after {
      height: 50px;
    }
    
    .mainhcard-inner {
      display: flex;
      flex-direction: column;
      border: 2px solid var(--c-gray-900);
      border-radius: 20px;
      padding: 0.5rem;
      background-color: rgb(2, 2, 44);
      position: relative;
      box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 

    }
    .mainhcard-inner:after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      width: 95%;
      height: 100%;
      bottom: -9px;
      left: calc(50% - 47.5%);
      border-radius: 20px;
      border: 2px solid var(--c-gray-900);
      background-color: var(--c-yellow-300);
    }
    
    .mainhcard-pin {
      width: 12px;
      height: 12px;
      background-color: var(--c-gray-900);
      position: absolute;
      top: 20px;
      left: calc(50% - 6px);
      border-radius: 50%;
      box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c-gray-900);
      transform: rotate(3deg);
      z-index: 1;
    }
    .mainhcard-pin:before, .mainhcard-pin:after {
      content: "";
      display: block;
      border-radius: 50%;
      position: absolute;
      transition: 0.15s ease-out;
      border: 2px solid #f6f4f7;

 

    }
    .mainhcard-pin:before {
      width: 12px;
      height: 12px;
      background-color: var(--c-gray-900);
      border-radius: 50%;
      left: calc(50% - 6px);
      top: -44px;



    }
    .mainhcard-pin:after {
          width: 6px;
      background-color: rgb(242, 242, 244);
      border: 1px solid;
      border-radius: 99em;
      height: 50px;
      left: calc(50% - 3px);
      bottom: 3px;

 

    }
    .mainhcard-pin.simple {
      border: 0.8px solid #f6f4f7;
    }
    .mainhcard-pin.simple:nth-of-type(odd) {
      left: 10px;
      top: 10px;
      transform: rotate(-45deg);

    }
    .mainhcard-pin.simple:nth-of-type(even) {
      left: calc(100% - 20px);
      top: calc(100% - 20px);
      transform: rotate(145deg);

    }


















    

    


  







    

    




    














.tsmicon{
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}






div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
  }
  
  div.scrollmenu .link-works {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  div.scrollmenu .link-works:hover {
    background-color:rgb(2, 15, 41);
  }

  
































  



  .btn-group {
    display: inline-flex;
    position: relative;
    margin: 1%;
    width: fit-content;
    height: fit-content;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 11px;
    margin-bottom: 22px;
    }
    .btn-group:before {
      width: fit-content;
    display: block;
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    bottom: -12px;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 11px;
    margin-bottom: 22px;
    margin-left: 5px;
    }
    .btn-group button {
    color: #000;
    font-weight: bold;
    font-style: oblique;
    font-size: large;
    border: 0;
    border-bottom: 1px solid #000;
    outline: none;
    position: relative;
    top: 0;
    padding: 12px 16px;
    margin: 0 -1px 0 -1px;
    z-index: 10;
    transition: top 140ms linear;
    margin-bottom: 12px;
    }
    .btn-group button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: -12px;
    z-index: 5;
    cursor: pointer;
    box-shadow: 0 0 0 1px #000;
    transition: bottom 140ms linear;
    }

    .btn-group button:hover {
    top: 4px;
    }
    .btn-group button:hover:before {
    bottom: -8px;
    }
    .btn-group button:active {
    top: 12px;
    }
    .btn-group button:active:before {
    bottom: 0px;
    }










    .mainbutton {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: 0;
      font: 2rem/1 monospace;
      margin: 0;
      overflow: hidden;
      padding: 1rem 1.25rem;
      position: relative;
      top: 0;
      transition: 150ms;
      background-color: #f561ab;
      background-image: radial-gradient(ellipse at top right, #f56161, rgba(245, 97, 171, 0) 67%);
      box-shadow: 0 0.75rem 0 #c90d6b;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:hover, .mainbutton:focus {
      outline: none;
      background-color: #f5f561;
      background-image: radial-gradient(ellipse at top right, #abf561, rgba(245, 245, 97, 0) 67%);
      box-shadow: 0 0.75rem 0 #c9c90d;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:active {
      box-shadow: 0 0 0;
      opacity: 0.67;
      outline: none;
      top: 0.75rem;
    }
    .mainbutton:first-child, .mainbutton:last-child {
      border-radius: 1rem;
    }
    .mainbutton:first-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }
    .mainbutton:nth-child(2) {
      background-color: #f56161;
      background-image: radial-gradient(ellipse at top right, #f5ab61, rgba(245, 97, 97, 0) 67%);
      box-shadow: 0 0.75rem 0 #c90d0d;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:nth-child(2):hover, .mainbutton:nth-child(2):focus {
      outline: none;
      background-color: #abf561;
      background-image: radial-gradient(ellipse at top right, #61f561, rgba(171, 245, 97, 0) 67%);
      box-shadow: 0 0.75rem 0 #6bc90d;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:nth-child(2):active {
      box-shadow: 0 0 0;
      opacity: 0.67;
      outline: none;
      top: 0.75rem;
    }
    .mainbutton:last-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      background-color: #f5ab61;
      background-image: radial-gradient(ellipse at top right, #f5f561, rgba(245, 171, 97, 0) 67%);
      box-shadow: 0 0.75rem 0 #c96b0d;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:last-child:hover, .mainbutton:last-child:focus {
      outline: none;
      background-color: #61f561;
      background-image: radial-gradient(ellipse at top right, #61f5ab, rgba(97, 245, 97, 0) 67%);
      box-shadow: 0 0.75rem 0 #0dc90d;
      color: #123;
      text-shadow: 0 -0.1em 0 rgba(221, 238, 255, 0.5);
    }
    .mainbutton:last-child:active {
      box-shadow: 0 0 0;
      opacity: 0.67;
      outline: none;
      top: 0.75rem;
    }








    .bo {
      height: fit-content;
      background-image: url("https://assets.codepen.io/2209160/planet-with-moon.svg"),
        url("https://assets.codepen.io/2209160/satellite.svg"),
        url("https://assets.codepen.io/2209160/planet-ring.svg"),
        url("https://assets.codepen.io/2209160/planet-three-stripes.svg"),
        url("https://assets.codepen.io/2209160/planet-land.svg");
      background-repeat: no-repeat;
      background-size: auto, 150px, auto, 150px, 75px;
      background-position: 0 0, 80% 20px, 95% 65%, 70% 90%, 20% 85%;
      position: relative;
    }























  nav{
    display:flex;
    width:100%;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  nav .logo{
    color:#fff;
    font-size:35px;
    font-weight:600;
  }
  nav ul{
    display:flex;
    margin-top: 11px;
    flex-wrap: wrap;
    list-style-type: none;
  }
  nav ul li{
    margin:0 5px;
  }
  nav ul li a{
    color:#f2f2f2;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding:8px 15px;
    border-radius: 5px;
    letter-spacing:1px;
    border-bottom:1.5px solid transparent;
    transition:all 0.3s ease;
  }
  nav ul li a.active,
  nav ul li a:hover{
    border-color:orange;
    color:orange;
  }

  nav .menu-btn div{
    display:none;
  }
  
  
  @media (max-width:920px){
    nav .menu-btn div{
      display:block;
    }

   
    nav ul li{
      width: 100%;
    }

    .navbar-links{
      background-color: rgb(5, 5, 36, 0.95);
      width: 100%;
      height: 240px;
      display: none;
      margin: 5%;
      border-radius: 20px;
      border-bottom: 2.5px solid rgb(160, 157, 196);
      
animation: anime 0.3s cubic-bezier(0.16, 1, 0.3, 1) ;
animation-fill-mode: forwards;
}
@keyframes anime {
0% {
  margin-left: 45%;
width: 60px;
height: 60px;
margin-bottom: 150px;
box-shadow:  0 0 0 #cccccc,
        0 0 0 #ffffff,
         10px 10px 10px #cccccc inset,
         -10px -10px 10px #ffffff inset;
}
25% {
width: 60px;
height: 60px;
margin-bottom: 150px;
box-shadow:  0 0 11px #3953b9,
0 0 0 #3953b9,
0 0 0 #3953b9 inset,
0 0 2px #3953b9 inset;
}
50% {
width: 60px;
height: 240px;
box-shadow:  0 0 11px #3953b9,
0 0 0 #3953b9,
0 0 0 #3953b9 inset,
0 0 2px #3953b9 inset;
}
100% {
width: 480px;
height: 240px;
box-shadow:  0 0 11px #3953b9,
        0 0 0 #3953b9,
        0 0 0 #3953b9 inset,
        0 0 2px #3953b9 inset;
}
    }

    
  }





  .navbar-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
    }
    
    .navbar-links li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }
    
    /* Change the link color to #111 (black) on hover */
    .navbar-links li a:hover {
    background-color: rgb(2, 15, 41);
    animation: .8s shake infinite alternate;
    }
    @keyframes shake {
    10%, 30%, 50%, 70%, 90% {transform: translatey(-10px);}  }

    

















  .rdiv {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 10px;
  }
  
  .rbox {
    padding: 1%;
    
  }



  .d5050 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
}
.d7525 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 2px;
}
.d2575 {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 2px;
}
.d5725 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 2px;
}


















@import url('https://fonts.googleapis.com/css?family=Carter+One');
.flink {
  position: relative;
  top: 0;
  cursor: pointer;
  text-decoration: none !important;
  outline: none !important;
  font-family: 'Carter One', sans-serif;
  font-size: 15px;
  line-height: 1em;
  letter-spacing: .1em;
  text-shadow: 2px 2px 1px #0066a2, -2px 2px 1px #0066a2, 2px -2px 1px #0066a2, -2px -2px 1px #0066a2, 0px 2px 1px #0066a2, 0px -2px 1px #0066a2, 0px 4px 1px #004a87, 2px 4px 1px #004a87, -2px 4px 1px  #004a87;
  border: none;
  margin: 8px 8px 22px;
  background: repeating-linear-gradient( 45deg, #3ebbf7, #3ebbf7 5px, #45b1f4 5px, #45b1f4 10px);
  border-bottom: 3px solid rgba(16, 91, 146, 0.5);
  border-top: 3px solid rgba(255,255,255,.3);
  color: #fff !important;
  border-radius: 8px;
  padding: 10px 10px 7px;
  box-shadow: 0 6px 0 #266b91, 0 8px 1px 1px rgba(0,0,0,.3), 0 10px 0 5px #12517d, 0 12px 0 5px #1a6b9a, 0 15px 0 5px #0c405e, 0 15px 1px 6px rgba(0,0,0,.3);
}
.flink:hover {
  top:2px;
  box-shadow: 0 4px 0 #266b91, 0 6px 1px 1px rgba(0,0,0,.3), 0 8px 0 5px #12517d, 0 10px 0 5px #1a6b9a, 0 13px 0 5px #0c405e, 0 13px 1px 6px rgba(0,0,0,.3);
}
.flink::before {
  content: '';
  height: 10%;
  position: absolute;
  width: 40%;
  background: #fff;
  right: 13%;
  top: -3%;
  border-radius: 99px;
  }
.flink::after {
  content: '';
  height: 10%;
  position: absolute;
  width: 5%;
  background: #fff;
  right: 5%;
  top: -3%;
  border-radius: 99px;
  }
.flink.orange {
   background: repeating-linear-gradient( 45deg, #ffc800, #ffc800 5px, #ffc200 5px, #ffc200 10px);
  box-shadow: 0 4px 0 #b76113, 0 8px 1px 1px rgba(0,0,0,.3), 0 10px 0 5px #75421f, 0 12px 0 5px #8a542b, 0 15px 0 5px #593116, 0 15px 1px 6px rgba(0,0,0,.3);
  border-bottom: 3px solid rgba(205, 102, 0, 0.5);
  text-shadow: 2px 2px 1px #e78700, -2px 2px 1px #e78700, 2px -2px 1px #e78700, -2px -2px 1px #e78700, 0px 2px 1px #e78700, 0px -2px 1px #e78700, 0px 4px 1px #c96100, 2px 4px 1px #c96100, -2px 4px 1px  #c96100;
}
.flink.orange:hover {
  top:2px;
  box-shadow: 0 2px 0 #b76113, 0 6px 1px 1px rgba(0,0,0,.3), 0 8px 0 5px #75421f, 0 10px 0 5px #8a542b, 0 13px 0 5px #593116, 0 13px 1px 6px rgba(0,0,0,.3);
}
.flink.red {
   background: repeating-linear-gradient( 45deg, #ff4f4c, #ff4f4c 5px, #ff4643 5px, #ff4643 10px);
  box-shadow: 0 6px 0 #ae2725, 0 8px 1px 1px rgba(0,0,0,.3), 0 10px 0 5px #831614, 0 12px 0 5px #a33634, 0 15px 0 5px #631716, 0 15px 1px 6px rgba(0,0,0,.3);
  border-bottom: 3px solid rgba(160, 25, 23, 0.5);
  text-shadow: 2px 2px 1px #d72d21, -2px 2px 1px #d72d21, 2px -2px 1px #d72d21, -2px -2px 1px #d72d21, 0px 2px 1px #d72d21, 0px -2px 1px #d72d21, 0px 4px 1px #930704, 2px 4px 1px #930704, -2px 4px 1px  #930704;
}
.flink.red:hover {
  top:2px;
  box-shadow: 0 4px 0 #ae2725, 0 6px 1px 1px rgba(0,0,0,.3), 0 8px 0 5px #831614, 0 10px 0 5px #a33634, 0 13px 0 5px #631716, 0 13px 1px 6px rgba(0,0,0,.3);
}
.flink.green {
   background: repeating-linear-gradient( 45deg, #54d440, #54d440 5px, #52cc3f 5px, #52cc3f 10px);
    box-shadow: 0 6px 0 #348628, 0 8px 1px 1px rgba(0,0,0,.3), 0 10px 0 5px #2a6d20, 0 12px 0 5px #39822e, 0 15px 0 5px #1d4c16, 0 15px 1px 6px rgba(0,0,0,.3);
    border-bottom: 1px solid rgba(40, 117, 29, 0.5);
    text-shadow: 2px 2px 1px #348628, -2px 2px 1px #348628, 2px -2px 1px #348628, -2px -2px 1px #348628, 0px 2px 1px #348628, 0px -2px 1px #348628, 0px 4px 1px #1d4c16, 2px 4px 1px #1d4c16, -2px 4px 1px #1d4c16;
}
.flink.green:hover {
  top:2px;
  box-shadow: 0 4px 0 #348628, 0 6px 1px 1px rgba(0,0,0,.3), 0 8px 0 5px #2a6d20, 0 10px 0 5px #39822e, 0 13px 0 5px #1d4c16, 0 13px 1px 6px rgba(0,0,0,.3);
}







  





  

  .nav-toggle {
    cursor: pointer;
    padding: 10px;
    margin-left: 20px;
    margin-top: 13px;
  
    border-radius: 55px;
      background-color: rgb(4, 1, 19);
      box-shadow: 0 0 8px rgb(85, 100, 236);
      float: right;
   
  }
  
  .nav-toggle:focus {
    outline-width: 0;
  }
  
  .nav-toggle [class*='bar-'] {
    background: #FF0000;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-radius: 2px;
    height: 4px;
    width: 28px;
    margin-bottom: 5px;
  }
  
  .nav-toggle .bar-bot {
    margin-bottom: 0;
  }
  
  .opened .bar-top {
    background: #1F45FC;
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transform-origin: 15% 15%;
    transform-origin: 15% 15%;
  }
  .opened .bar-mid {
    opacity: 0;
  }
  .opened .bar-bot {
    -webkit-transform: rotate(55deg);
    transform: rotate(-55deg);
    -webkit-transform-origin: 15% 95%;
    transform-origin: 15% 95%;
  }















































  .ribbon-wrapper {
position: relative;z-index:998;

}
.ribbon-front {
background-color: #cc3333;	height: 50px;
width: 240px;
position: relative;
left:-10px;
z-index: 2; font:20px/50px bold Verdana, Geneva, sans-serif; color:#f8f8f8; text-align:center;text-shadow: 0px 1px 2px #cc6666;
}

.ribbon-front,
.ribbon-back-left,
.ribbon-back-right
{
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
position: absolute;
z-index: 1;
border-style:solid;
height:0px;
width:0px;
}

.ribbon-edge-topleft,
.ribbon-edge-topright {
}

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
top: 50px;
}

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
left: -10px;
border-color: transparent #9B1724 transparent transparent;
}

.ribbon-edge-topleft {
top: -5px;
border-width: 5px 10px 0 0;
}
.ribbon-edge-bottomleft {
border-width: 0 10px 0px 0;
}

.ribbon-edge-topright,
.ribbon-edge-bottomright {
left: 220px;
border-color: transparent transparent transparent #9B1724;
}

.ribbon-edge-topright {
top: 0px;
border-width: 0px 0 0 10px;
}
.ribbon-edge-bottomright {
border-width: 0 0 5px 10px;
}


@-webkit-keyframes flow {
0% { left:-20px;opacity: 0;}
50% {left:100px;opacity: 0.3;}
  100%{ left:180px;opacity: 0;}
}
@keyframes flow {
0% { left:-20px;opacity: 0;}
50% {left:100px;opacity: 0.3;}
  100%{ left:180px;opacity: 0;}
}

.glow{ background: rgb(255,255,255); width:40px; height:100%; z-index:999; position:absolute;-webkit-animation: flow 1.5s linear infinite;-moz-animation: flow 1.5s linear infinite;-webkit-transform: skew(20deg);
   -moz-transform: skew(20deg);
     -o-transform: skew(20deg);background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ border-left:1px solid #fff;}
























































  

  #tsbtn {
    display: none;
    position: fixed;
    bottom: 48px;
    right: 60px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 12px;
    border-radius: 40px;
    opacity: 0.2;
  }
  
  #tsbtn:hover {
    opacity: 0.4;
  }

  body > header > svg {
    position: absolute;
    bottom: 25px;
    right: 30px;
    height: 75px;
    width: 75px;
    position: fixed;
  }


























  
  
  
  
  
  
  .card5{
      margin: 8px;
      border: 1.5px solid rgb(99, 98, 98);
      border-radius: 10px;
      box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 
      padding-bottom: 55px;
      margin-bottom: 35px;
      background-color: #0a0f2c;
  }
  
  
  













.link-primary{
  
font-size: 1rem;
padding: 5px;
font-weight: bold;
display:inline-block;
}

.link-primary:before {
content: "";
position: absolute;
width: 20px;
height: 100px;
bottom: -25px;
left: 0;
transform: translateX(-50px) rotate(45deg);
transition: transform 0.5s ease;
}
.link-primary:hover {
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);


animation: .8s shake infinite alternate;
}
@keyframes shake {
10%, 30%, 50%, 70%, 90% {transform: translatey(-15px);}  
}
.link-primary:hover:before {
transform: translateX(180px) rotate(45deg);
}






.game-link{
  font-size: 0.8rem;
  padding:7px;
  margin-bottom: 15px;
  color: white;
  }
  













.link-works{
font-size: 11px;
padding-top:7px;
padding-bottom: 7px;
margin-bottom: 15px;
border: 1.5px solid rgb(99, 98, 98);
border-radius: 10px;
box-shadow: 4px 4px 5px black, -3.5px -5px 5px rgb(41, 89, 120);

display: block;
position: relative;
color: #fff;
white-space: nowrap;



color: #03e9f4;
text-decoration: none;
transition: 0.5s;
overflow: hidden;
background: rgb(29, 3, 27);

}

.link-works:before {
content: "";
position: absolute;
width: 20px;
height: 100px;
bottom: -25px;
left: 0;
border: 12px solid #fff;
transform: translateX(-50px) rotate(45deg);
transition: transform 0.5s ease;
}
.link-works:hover {
background-color: #FF5E65;

background: #03e9f4;
box-shadow: 0 0 5px #03e9f4,
          0 0 25px #03e9f4,
          0 0 50px #03e9f4,
          0 0 200px #03e9f4;
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);


animation: .8s shake infinite alternate;
}
@keyframes shake {
10%, 30%, 50%, 70%, 90% {transform: translatey(-15px);}  
}
.link-works:hover:before {
background-color: #FF5E65;
transform: translateX(180px) rotate(45deg);
}


.link-works:nth-child(1){
filter: hue-rotate(270deg);
}
.link-works:nth-child(2){
filter: hue-rotate(110deg);
}




.nolink{
font-size: 11px;
margin-bottom: 15px;
border-radius: 10px;
box-shadow: 4px 4px 5px black, -3.5px -5px 5px rgb(41, 89, 120);

display: block;
position: relative;
color: #fff;
white-space: nowrap;
overflow: hidden;


background: rgb(29, 3, 27);
box-shadow: 0 0 5px #d34d92,
          0 0 25px #b43d9c,
          0 0 50px #b0383e,
          0 0 200px #ad3a81;


-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}

.nolink:before {
content: "";
position: absolute;
width: 20px;
height: 100px;
bottom: -25px;
left: 0;
border: 12px solid #fff;
transform: translateX(-50px) rotate(45deg);
transition: transform 0.5s ease;
}
.nolink:hover {
background-color: #FF5E65;

background: #03e9f4;
box-shadow: 0 0 5px #03e9f4,
          0 0 25px #03e9f4,
          0 0 50px #03e9f4,
          0 0 200px #03e9f4;
-webkit-box-reflect:below 1px linear-gradient(transparent, #0005);


animation: .8s shake infinite alternate;
}
@keyframes shake {
10%, 30%, 50%, 70%, 90% {transform: translatey(-15px);}  
}
.nolink:hover:before {
background-color: #FF5E65;
transform: translateX(180px) rotate(45deg);
}


  .scroll-left {
   height: 50px;	
   overflow: hidden;
   position: relative;
   color: rgb(230, 218, 218);
   text-shadow: 8px 8px 10px black, -5px -5px 10px rgb(5, 119, 249); 
  }
  .scroll-left p {
   position: absolute;
   width: 100%;
   height: 100%;
   line-height: 50px;
   text-align: center;
   /* Starting position */
   transform:translateX(100%);
   /* Apply animation to this element */
   animation: scroll-left 15s linear infinite;
  }
  /* Move it (define the animation) */
  @keyframes scroll-left {
   0%   {
   transform: translateX(100%); 		
   }
   100% {
   transform: translateX(-100%); 
   }
  }


#apple{
    background-color: #18191f;
    color: #fff;
    box-shadow: 2px 2px 2px #00000080, 10px 1px 12px #00000080,
      2px 2px 10px #00000080, 2px 2px 3px #00000080, inset 2px 2px 10px #00000080,
      inset 2px 2px 10px #00000080, inset 2px 2px 10px #00000080,
      inset 2px 2px 10px #00000080;
    border-radius: 29px;
    padding: 11px 19px;
    animation: animate 3s linear infinite;
    text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 150px #0072ff,
      0 0 200px #0072ff;
  }
  
  #i1{
    
    box-shadow: 2px 2px 2px #00000080, 10px 1px 12px #00000080,
      2px 2px 10px #00000080, 2px 2px 3px #00000080, inset 2px 2px 10px #00000080,
      inset 2px 2px 10px #00000080, inset 2px 2px 10px #00000080,
      inset 2px 2px 10px #00000080;
    border-radius: 29px;
    padding: 11px 19px;
    animation: animate 3s linear infinite;
    text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 150px #0072ff, 0 0 200px #0072ff;  
  }
  @keyframes animate {
    from {
      filter: hue-rotate(0deg);
    }
    to {
      filter: hue-rotate(360deg);
    }
  }












  .fa-heart{
    margin-left:auto;
    margin-right: auto;
    font-size: 2em;
    color: red;
    animation-duration: 2s;
    animation-name: beating;
    animation-iteration-count: infinite;
  }
  
  @-webkit-keyframes beating {
     0%, 20%, 100% { transform: scale(0.8);
       opacity: 0.2;
     }
  
     25% {
       transform: scale(1.2);
       opacity: 5;
     }
     35% {
       transform: scale(0.8);
     }
     40% { 
       transform: scale(1.1);
       opacity: 1;
     } 
  }






























  @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@900&family=Poppins&display=swap');
  .countcontainer {
  margin: 2%;
  flex-direction: column;
  justify-content: space-around;
  padding: 1em 2em;
  position: relative;
  font-size: 16px;
  border-radius: 0.5em;
  background-color: #21242b;
  border-bottom: 10px solid #18f98f;
  }
  
  .countcontainer i {
  color: #18f98f;
  font-size: 2.8em;
  text-align: center;
  }
  
  .countcontainer span.num {
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 3em;
  font-family: 'Merriweather', serif;
  }
  
  .countcontainer span.text  {
  color: #e0e0e0;
  text-align: center;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  }


















  @import url(https://fonts.googleapis.com/css?family=Fjalla+One);
      
  .tcontainer {
      width: fit-content;
    transform: translate(-50%, -50%);
    display: block;
    margin-left: 20%;
  }
  
  
  .tcontainer h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 47px;
    letter-spacing: 2px;
  }
  
  .ttitle {
      width: fit-content;
    transform: translateX(-50%) rotate(-10deg);
    display: block;
    float: left;
    left: 80%;
    position: relative;
    border-radius: 11px;
    padding-left: 22px;
    padding-right: 22px;

  }
  .ttitle span {
    transform: skew(-15deg);
    display: block;
    float: left;
    text-shadow: #533d4a 1px 1px, #533d4a 2px 2px, #533d4a 3px 3px, #533d4a 4px 4px, #533d4a 5px 5px, #533d4a 6px 6px;
    min-width: fit-content;
    min-height: 10px;
    position: relative;
  }
  
  .ttitle:nth-child(1) {
    color: #e55643;
    background-color: #392d08;
  }
  .ttitle:nth-child(2) {
    color: #2b9f5e;
    background-color: rgb(46, 30, 10);
  }
  .ttitle:nth-child(3) {
    color: #f1c83c;
    background-color: rgb(8, 54, 56);
  }











  


  










  @-webkit-keyframes blinkcolor {
    30%{
        color: #df4a48;
    }
    70%{
        color: #0399f0;
    }
    100%{
        color: #389c15;
    }
}

@keyframes blinkcolor {
    30%{
        color: #df4a48;
    }
    70%{
        color: #0b9cf0;
    }
    100%{
        color: #389c15;
    }
}

@-webkit-keyframes moveleft {
    0%{
        transform: translate(0px);
    }
    50%{
        transform: translate(20px);
    }
    100%{
        transform: translate(0px);
    }
}

@keyframes moveleft {
    0%{
        transform: translate(0px);
    }
    50%{
        transform: translate(20px);
    }
    100%{
        transform: translate(0px);
    }
}
@-webkit-keyframes moveright {
    0%{
        transform: translate(0px);
    }
    50%{
        transform: translate(-20px);
    }
    100%{
        transform: translate(0px);
    }
}
@keyframes moveright {
    0%{
        transform: translate(0px);
    }
    50%{
        transform: translate(-20px);
    }
    100%{
        transform: translate(0px);
    }
}
.theme-details .colordiv {
    font-size: 17px;
}
.colordiv {
    text-align: center;
    font-size: 25px;
}
.colordiv .coloraaa {
    color: #df4a48;
    border-bottom: 1px solid;
    padding: 5px;
    text-decoration: none;
    position: relative;
    -webkit-animation-name: blinkcolor;
            animation-name: blinkcolor;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.colordiv .coloraaa:hover {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
.colordiv .coloraaa:before {
    content: "\f178";
    font-family: fontawesome;
    position: absolute;
    left: -15%;
    -webkit-animation-name: moveleft;
            animation-name: moveleft;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.colordiv .coloraaa:after {
    content: "\f177";
    font-family: fontawesome;
    position: absolute;
    right: -15%;
    -webkit-animation-name: moveright;
            animation-name: moveright;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}






















































.lbacontainer {
  max-width: 400px;
  margin: auto;
  height: 200px;
  padding-top: 100px;
}

.lbabutton {
  display: block;
  text-align: center;
  border-width: 1px 0px 1px 0;
  border-style: solid;
  -o-border-image: linear-gradient(to left, transparent, rgba(224, 132, 0, 0.4), transparent);
     border-image: linear-gradient(to left, transparent, rgba(224, 132, 0, 0.4), transparent);
  border-image-slice: 1;
  cursor: pointer;
}

.lbatext {
  text-transform: uppercase;
  font-family: "Orbitron", sans-serif;
  font-size: 1.6em;
  color: #ffefc7;
  text-shadow: 0 0 13px rgba(76, 33, 4, 0.79), 0 0 32px rgba(255, 187, 24, 0.6);
  display: block;
  margin-bottom: -4px;
  margin-top: 1px;
}

.line-lbacontainer {
  width: 230px;
  margin: auto;
  position: relative;
}

.line {
  position: absolute;
}

.line--thick {
  width: 6px;
  background-color: #ffefc7;
}

.line--thin {
  position: absolute;
  height: 1px;
  background: linear-gradient(to left, rgba(255, 239, 199, 0.8), rgba(224, 132, 0, 0.4), rgba(224, 132, 0, 0.4), rgba(224, 132, 0, 0.4), rgba(255, 239, 199, 0.8));
}

.thick-line--short {
  height: 15px;
  top: -16px;
}

.thick-line--long {
  height: 40px;
  top: -1px;
}

.line--top-right {
  right: 0;
  transform: skew(45deg);
  box-shadow: 0px 0px 13px rgba(226, 97, 11, 0.85), -12px -8px 25px 3px rgba(226, 97, 11, 0.8);
}

.line--top-left {
  left: 0px;
  transform: skew(-45deg);
  box-shadow: 12px -8px 25px 3px rgba(226, 97, 11, 0.8), 0px 0px 13px rgba(226, 97, 11, 0.85);
}

.line--bottom-right {
  right: 12px;
  transform: skew(-45deg);
  box-shadow: -12px 3px 22px 3px rgba(226, 97, 11, 0.8), 0px 0px 13px rgba(226, 97, 11, 0.85);
}

.line--bottom-left {
  left: 12px;
  transform: skew(45deg);
  box-shadow: 12px 3px 22px 3px rgba(226, 97, 11, 0.8), 0px 0px 13px rgba(226, 97, 11, 0.85);
}

.line--top {
  width: 214px;
  top: -17px;
  left: 8px;
  box-shadow: 0px 5px 34px 5px rgba(251, 169, 40, 0.26);
}

.line--bottom {
  width: 160px;
  top: 38px;
  left: 35px;
  box-shadow: 0px -5px 34px 5px rgba(251, 169, 40, 0.26);
}

.pseudo-class-shadow, .line--bottom-left::after, .line--bottom-left::before, .line--bottom-right::after, .line--bottom-right::before, .line--top-right::after, .line--top-right::before, .line--top-left::after, .line--top-left::before, .line-lbacontainer::after, .line-lbacontainer::before {
  position: absolute;
  content: "";
  display: block;
  width: 22px;
}

.line-lbacontainer::before {
  width: 40px;
  box-shadow: -20px 10px 45px 4px rgba(251, 169, 40, 0.8);
}

.line-lbacontainer::after {
  width: 40px;
  box-shadow: 207px -12px 45px 4px rgba(251, 169, 40, 0.8);
}

.line--top-left::before {
  box-shadow: 28px 20px 34px 3px rgba(251, 169, 40, 0.8);
}

.line--top-left::after {
  box-shadow: 48px 20px 34px 3px rgba(251, 169, 40, 0.8);
}

.line--top-right::before {
  box-shadow: -48px 20px 34px 3px rgba(251, 169, 40, 0.8);
}

.line--top-right::after {
  box-shadow: -58px 20px 34px 3px rgba(251, 169, 40, 0.8);
}

.line--bottom-right::before {
  box-shadow: -42px 9px 44px 5px rgba(251, 169, 40, 0.66);
}

.line--bottom-right::after {
  box-shadow: -52px 10px 44px 5px rgba(251, 169, 40, 0.66);
}

.line--bottom-left::before {
  box-shadow: 32px 10px 44px 5px rgba(251, 169, 40, 0.66);
}

.line--bottom-left::after {
  box-shadow: 42px 10px 44px 5px rgba(251, 169, 40, 0.66);
}




























































  .at-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:50px;
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index:1000;
    animation: bot-to-top 2s ease-out;
  }
  
  .ulfloat{
    position:fixed;
    right:40px;
    padding-bottom:20px;
    bottom:80px;
    z-index:100;
  }
  
  .ulfloat .lifloat{
    list-style:none;
    margin-bottom:10px;
  }
  
  .ulfloat .lifloat a{
    background-color:#F33;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    width:60px;
    height:60px;
    display:block;
  }
  
  .ulfloat:hover{
    visibility:visible!important;
    opacity:1!important;
  }
  
  
  .my-float{
    font-size:24px;
    margin-top:18px;
  }
  
  a#at-menu-share + .ulfloat{
    visibility: hidden;
  }
  
  a#at-menu-share:hover + .ulfloat{
    visibility: visible;
    animation: scale-in 0.5s;
  }
  
  a#at-menu-share i{
    animation: rotate-in 0.5s;
  }
  
  a#at-menu-share:hover > i{
    animation: rotate-out 0.5s;
  }
  
  @keyframes bot-to-top {
      0%   {bottom:-40px}
      50%  {bottom:40px}
  }
  
  @keyframes scale-in {
      from {transform: scale(0);opacity: 0;}
      to {transform: scale(1);opacity: 1;}
  }
  
  @keyframes rotate-in {
      from {transform: rotate(0deg);}
      to {transform: rotate(360deg);}
  }
  
  @keyframes rotate-out {
      from {transform: rotate(360deg);}
      to {transform: rotate(0deg);}
  }

























  .new__card:not(:last-child) {
    margin-right: 1rem;
  }
  
  .card__foo {
    padding: 3rem 1.4rem;
  }
  
  .card__foo h3 {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 1rem;
  }
  
  .card__foo span {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--black2);
  }
  
  .card__foo p {
    font-size: 1.5rem;
    color: var(--black2);
    margin-bottom: 1.6rem;
    line-height: 2.7rem;
  }
  
  .card__foo a button,
  .card__foo a button {
    display: inline-block;
    padding: 1.4rem 4rem;
    border: 1px solid var(--black);
    color: var(--black);
    cursor: pointer;
    transition: 0.3s;
  }
  
  .card__foo a button:focus {
    outline: none;
  }
  
  .card__foo a button:hover {
    border: 1px solid var(--black);
    color: var(--white);
    background-color: var(--black);
  }
  










  .feedbackform{
    background: rgba(0,0,0,.5);
    border-bottom: white;
    box-shadow: 0 15px 25px rgba(0,0,0,.6);
    border-radius: 10px;
    color: white;
    width: 200px;
    background: rgba(0,0,0,.5);
    box-shadow: 0 15px 25px rgba(0,0,0,.6);
    border-radius: 10px;

  }

  .user-box {
    position: relative;
    color: #fff;
    outline: none;
    background: transparent;
    background-color: transparent;
  
  }



  .postbox {
    border: 1px solid rgb(110, 107, 107);
    border-left: 3px solid #f2334c;
    color: rgb(246, 242, 242);
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
      border: 1px solid rgb(99, 98, 98);
      border-radius: 10px;
      box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 
}











.buttondd {
  margin: 15px;
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  border: 1px solid #37283a;
  box-shadow: 0px 6px 0px 0px rgb(24, 24, 56),
    0px 5px 12px 0px rgba(0, 0, 0, 0.6),
    inset 0px 0px 10px -5px rgba(0, 0, 0, 1);
  transition: all 100ms linear;
  user-select: none;
  cursor: pointer;
  display: block;
  position: relative;
  
  font-family: Arial Black, Gadget, sans-serif;
  font-size: 15px;
  color: rgb(241, 241, 245);
  text-align: center;
}

.buttondd:active {
  top: 4px;
  box-shadow: 0px 2px 0px 0px rgba(88, 163, 31, 1),
    0px 5px 5px 0px rgba(0, 0, 0, 0.6),
    inset 0px 0px 10px -5px rgba(0, 0, 0, 1);
}











.dshow {
  border: 1px solid #413d43;
  box-shadow: 0px 6px 0px 0px rgb(24, 24, 56, 0.7),
  8px 8px 10px black, -5px -5px 10px rgba(66, 80, 69, 0.5),
    inset 0px 0px 10px -5px rgba(0, 0, 0);
  transition: all 100ms linear;
  cursor: pointer;
  display: block;
  position: relative;
  font-family: Arial Black, Gadget, sans-serif;
  font-size: 15px;
  color: rgb(241, 241, 245);
  border-left: 11px solid #026f54;




color: rgb(246, 242, 242);
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
max-width: 100%;
overflow: auto;
margin: 2%;
border-radius: 5px;
font-style: bold;
}

.dshow:active {
  top: 1px;
  box-shadow: 0px 2px 0px 0px rgba(88, 163, 31, 1),
    0px 5px 5px 0px rgba(0, 0, 0, 0.6),
    inset 0px 0px 10px -5px rgba(0, 0, 0, 1);
}











summary{
  border-left: none;
  font-size: large;
  font-style: bold;
  padding: 1em 1em;

  }


  .summaryglass{
    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 20% 20%, rgba(255, 255, 255, 0.1) 0% 20%, transparent 50% 20%, transparent 75% 20%, rgba(255, 255, 255, 0.1) 100% 20%);
    box-shadow: 4px 4px 5px black, -3.5px -5px 5px rgb(41, 89, 120);
    background-size: 300px 100px;
  }


















  #Grid{
    text-align: justify;
    font-size: 22px;
  }
  
  #Grid li{
    display: inline-block;
    width: 45%;                       
  }
  
  #Grid:after{
    content: '';
    display: inline-block;
    width: 100%;
  }
  
  #Grid .placeholder{
    padding: 0;
  }













  table {                               
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    color: rgb(15, 44, 108);
    margin: 2%;
  }
  

 
  
 








  .map{
    margin : 22px;
    border: 1px solid rgb(99, 98, 98);
border-radius: 10px;
box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 
width: 22%;
  }

  .link{
    color: rgb(243, 237, 237);
  }


  .glow {
    font-size: 80px;                 
    color: #fff;
    animation: glow 1s ease-in-out infinite alternate;
  }











  .demodiv {  
    margin: auto;
    padding: 10px 20px 10px 20px;
    border-radius: 11px;
    border: 1px solid #37283a;
    box-shadow: 0px 6px 0px 0px rgb(24, 24, 56),
      0px 5px 12px 0px rgba(0, 0, 0, 0.6),
      inset 0px 0px 10px -5px rgba(0, 0, 0, 1);
    transition: all 100ms linear;
    cursor: pointer;
    display: block;
    position: relative;
    
  vertical-align: middle;
    
    font-family: Arial Black, Gadget, sans-serif;
    font-weight: bold;
    color: rgb(241, 241, 245);
    text-align: center;

  }
  
  .demodiv:active {
    top: 4px;
    box-shadow: 0px 2px 0px 0px rgba(88, 163, 31, 1),
      0px 5px 5px 0px rgba(0, 0, 0, 0.6),
      inset 0px 0px 10px -5px rgba(0, 0, 0, 1);
  }

























h1,th,tr,td{
color: rgb(247, 244, 244);
}


.fixbox {
    height: 755px;
border: 1px solid rgb(110, 107, 107);
border-left: 3px solid #f2334c;
color: rgb(246, 242, 242);
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
margin-right: 5%;
border: 1px solid rgb(99, 98, 98);
border-radius: 10px;
box-shadow: 8px 8px 10px black, -5px -5px 10px rgb(99, 98, 98); 
}

summary{
border-left: none;
font-size: large;
font-style: bold;
padding: 1em 1em;

}

.details{
border-radius: 8px;
color: rgb(246, 242, 242);
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
max-width: 100%;
overflow: auto;
margin: 2%;
border-radius: 10px;
border: 1px solid rgb(75, 74, 74);
font-style: bold;
box-shadow: 0 0 11px rgb(64, 63, 63);

}






  
  
  











  

  .btnrocket {
    position: relative;
  }

  .btnrocket:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0.15ch;
    transform: scaleY(var(--scale, 1));
    transform-origin: 50% 0;
  
  
  }
  .btnrocket:after {
    content: "🚀";
    font-size: 2rem;
    display: none;
    transform-origin: 0 100%;
    position: absolute;
    left: 110%;
    bottom: 0;
  }
  .btnrocket:hover:after {
    display: inline-block;
    -webkit-animation: rocket 5s infinite;
            animation: rocket 3s infinite;
  }
  
  @-webkit-keyframes rocket {
    0% {
      transform: scale(0) translate(0, 0);
    }
    15% {
      transform: scale(1) translate(0, 0);
    }
    65%, 100% {
      transform: scale(5) translate(100vmax, -100vmax);
    }
  }
  @keyframes rocket {
    0% {
      transform: scale(0) translate(0, 0);
    }
    15% {
      transform: scale(1) translate(0, 0);
    }
    65%, 100% {
      transform: scale(5) translate(100vmax, -100vmax);
    }
  }



































.feedback {
  --normal: #414052;
  --normal-shadow: #313140;
  --normal-shadow-top: #4c4b60;
  --normal-mouth: #2e2e3d;
  --normal-eye: #282734;
  --active: #f8da69;
  --active-shadow: #f4b555;
  --active-shadow-top: #fff6d3;
  --active-mouth: #f05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  --hover: #454456;
  --hover-shadow-top: #59586b;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  }
  .feedback label {
  position: relative;
  transition: transform 0.3s;
  cursor: pointer;
  }
  .feedback label:not(:last-child) {
  margin-right: 20px;
  }
  .feedback label input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: var(--sb, var(--normal));
  box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow)), inset -1px 1px 2px var(--sht, var(--normal-shadow-top));
  -webkit-tap-highlight-color: transparent;
  }
  .feedback label div {
  width: 40px;
  height: 40px;
  position: relative;
  transform: perspective(240px) translateZ(4px);
  }
  .feedback label div svg, .feedback label div:before, .feedback label div:after {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 1px);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
  }
  .feedback label div svg {
  fill: none;
  stroke: var(--s);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.4s;
  }
  .feedback label div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
  }
  .feedback label div svg.eye.right {
  --l: 23px;
  }
  .feedback label div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
  }
  .feedback label div:before, .feedback label div:after {
  content: "";
  z-index: var(--zi, 1);
  border-radius: var(--br, 1px);
  background: var(--b, var(--e, var(--normal-eye)));
  transition: background 0.4s;
  }
  .feedback label.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
  }
  .feedback label.angry div:before {
  --r: 20deg;
  }
  .feedback label.angry div:after {
  --l: 23px;
  --r: -20deg;
  }
  .feedback label.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
  }
  .feedback label.angry input:checked {
  -webkit-animation: angry 1s linear;
          animation: angry 1s linear;
  }
  .feedback label.angry input:checked + div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
  }
  .feedback label.angry input:checked + div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
  }
  .feedback label.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
  }
  .feedback label.sad div:before, .feedback label.sad div:after {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
  }
  .feedback label.sad div:after {
  --l: 25px;
  }
  .feedback label.sad div svg.eye {
  --t: 16px;
  }
  .feedback label.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
  }
  .feedback label.sad input:checked + div:before, .feedback label.sad input:checked + div:after {
  -webkit-animation: tear 0.6s linear forwards;
          animation: tear 0.6s linear forwards;
  }
  .feedback label.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
  }
  .feedback label.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  box-shadow: 12px 0 0 var(--e, var(--normal-eye));
  }
  .feedback label.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
  }
  .feedback label.ok input:checked + div:before {
  --middle-s-y: 0.35;
  -webkit-animation: toggle 0.2s linear forwards;
          animation: toggle 0.2s linear forwards;
  }
  .feedback label.ok input:checked + div:after {
  --middle-s-x: 0.5;
  -webkit-animation: toggle 0.7s linear forwards;
          animation: toggle 0.7s linear forwards;
  }
  .feedback label.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
  }
  .feedback label.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  opacity: 0.5;
  box-shadow: 16px 0 0 var(--b);
  filter: blur(2px);
  }
  .feedback label.good div:after {
  --sc: 0;
  }
  .feedback label.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
  }
  .feedback label.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
  }
  .feedback label.good input:checked + div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
  }
  .feedback label.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
  }
  .feedback label.happy div:before {
  --sc: 0;
  }
  .feedback label.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
  }
  .feedback label.happy div svg.eye {
  --t: 14px;
  --sc: -1;
  }
  .feedback label.happy input:checked + div:after {
  --middle-s-x: 0.95;
  --middle-s-y: 0.75;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
  }
  .feedback label input:checked {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --sht: var(--active-shadow-top);
  }
  .feedback label input:checked + div {
  --m: var(--active-mouth);
  --e: var(--active-eye);
  -webkit-animation: shake 0.8s linear forwards;
          animation: shake 0.8s linear forwards;
  }
  .feedback label input:not(:checked):hover {
  --sb: var(--hover);
  --sht: var(--hover-shadow-top);
  }
  .feedback label input:not(:checked):active {
  transform: scale(0.925);
  }
  .feedback label input:not(:checked):active + div {
  transform: scale(0.925);
  }
  .feedback label:hover {
  transform: scale(1.08);
  }
  
  @-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    transform: perspective(240px) translateZ(4px);
  }
  }
  
  @keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    transform: perspective(240px) translateZ(4px);
  }
  }
  @-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%, 80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
  }
  @keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%, 80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
  }
  @-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
  }
  @keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
  }
  @-webkit-keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
  }
  @keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
  }
  
  * {
  box-sizing: inherit;
  }
  *:before, *:after {
  box-sizing: inherit;
  }
  
  .feedback {
  display: flex;
  font-family: "Inter", Arial;
  justify-content: center;
  align-items: center;
  }





  #timedate {
    font: small-caps lighter 18px "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;       
    color:rgb(200, 189, 200);
    text-align: center;
  }






























  





































































































  
  #stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 719px 1509px #FFF , 1238px 637px #FFF , 1262px 216px #FFF , 505px 237px #FFF , 312px 261px #FFF , 1841px 886px #FFF , 1117px 1789px #FFF , 847px 1713px #FFF , 1654px 119px #FFF , 437px 1553px #FFF , 1390px 1599px #FFF , 669px 711px #FFF , 587px 1791px #FFF , 320px 272px #FFF , 1295px 841px #FFF , 1171px 1334px #FFF , 1512px 778px #FFF , 76px 625px #FFF , 1022px 987px #FFF , 1753px 1314px #FFF , 134px 637px #FFF , 1643px 520px #FFF , 1886px 1994px #FFF , 361px 124px #FFF , 1242px 1911px #FFF , 1137px 130px #FFF , 156px 1575px #FFF , 1284px 1872px #FFF , 599px 1833px #FFF , 1836px 1867px #FFF , 409px 990px #FFF , 198px 691px #FFF , 1891px 454px #FFF , 1177px 1758px #FFF , 79px 409px #FFF , 544px 1245px #FFF , 1574px 503px #FFF , 948px 1371px #FFF , 1837px 803px #FFF , 589px 957px #FFF , 1122px 162px #FFF , 668px 553px #FFF , 302px 1896px #FFF , 136px 1827px #FFF , 1553px 795px #FFF , 1484px 937px #FFF , 1288px 1353px #FFF , 944px 273px #FFF , 186px 1650px #FFF , 88px 133px #FFF , 1631px 1976px #FFF , 1138px 344px #FFF , 615px 1689px #FFF , 319px 1117px #FFF , 587px 1258px #FFF , 911px 1473px #FFF , 1957px 1576px #FFF , 681px 1996px #FFF , 1247px 1812px #FFF , 84px 1998px #FFF , 1708px 1395px #FFF , 730px 37px #FFF , 787px 1353px #FFF , 1352px 1374px #FFF , 1216px 1955px #FFF , 1263px 215px #FFF , 1742px 534px #FFF , 1529px 217px #FFF , 1020px 373px #FFF , 691px 479px #FFF , 1902px 1444px #FFF , 1823px 299px #FFF , 229px 1645px #FFF , 643px 124px #FFF , 486px 573px #FFF , 1601px 1185px #FFF , 1871px 967px #FFF , 1770px 390px #FFF , 295px 1987px #FFF , 556px 1337px #FFF , 62px 1813px #FFF , 1458px 388px #FFF , 1931px 1813px #FFF , 1633px 679px #FFF , 807px 396px #FFF , 176px 1026px #FFF , 1494px 1979px #FFF , 1113px 201px #FFF , 1127px 131px #FFF , 1126px 628px #FFF , 714px 1535px #FFF , 91px 1157px #FFF , 57px 418px #FFF , 20px 145px #FFF , 147px 1169px #FFF , 989px 772px #FFF , 1487px 446px #FFF , 1751px 632px #FFF , 847px 1503px #FFF , 358px 1353px #FFF , 1920px 151px #FFF , 1429px 1013px #FFF , 624px 776px #FFF , 271px 1379px #FFF , 1173px 1282px #FFF , 82px 1142px #FFF , 756px 1711px #FFF , 1312px 1102px #FFF , 481px 584px #FFF , 248px 1683px #FFF , 894px 116px #FFF , 1940px 1930px #FFF , 1358px 443px #FFF , 1930px 442px #FFF , 1141px 394px #FFF , 72px 757px #FFF , 425px 816px #FFF , 1418px 1000px #FFF , 1018px 1603px #FFF , 1598px 1764px #FFF , 1671px 1145px #FFF , 460px 1759px #FFF , 394px 276px #FFF , 380px 1955px #FFF , 1874px 1305px #FFF , 1734px 1296px #FFF , 590px 456px #FFF , 1169px 300px #FFF , 902px 1083px #FFF , 889px 1037px #FFF , 732px 19px #FFF , 606px 1860px #FFF , 951px 297px #FFF , 787px 1433px #FFF , 1718px 1061px #FFF , 615px 197px #FFF , 445px 1060px #FFF , 1565px 483px #FFF , 140px 1506px #FFF , 183px 900px #FFF , 189px 1895px #FFF , 1383px 1242px #FFF , 1098px 702px #FFF , 580px 339px #FFF , 250px 950px #FFF , 561px 131px #FFF , 1402px 518px #FFF , 460px 1482px #FFF , 1131px 832px #FFF , 1214px 1851px #FFF , 915px 589px #FFF , 1314px 1387px #FFF , 155px 1940px #FFF , 910px 593px #FFF , 1908px 32px #FFF , 1640px 780px #FFF , 774px 1058px #FFF , 1511px 1511px #FFF , 329px 1207px #FFF , 895px 1661px #FFF , 1929px 1415px #FFF , 807px 1751px #FFF , 682px 121px #FFF , 1406px 161px #FFF , 1260px 804px #FFF , 676px 100px #FFF , 1145px 1231px #FFF , 1965px 1454px #FFF , 543px 1994px #FFF , 448px 493px #FFF , 1627px 920px #FFF , 1402px 900px #FFF , 1369px 160px #FFF , 1056px 1441px #FFF , 1587px 996px #FFF , 1490px 909px #FFF , 834px 668px #FFF , 582px 253px #FFF , 1726px 897px #FFF , 438px 1102px #FFF , 684px 470px #FFF , 1451px 727px #FFF , 209px 1647px #FFF , 28px 464px #FFF , 995px 975px #FFF , 1674px 1653px #FFF , 899px 1140px #FFF , 1128px 1148px #FFF , 1013px 325px #FFF , 1743px 1598px #FFF , 412px 1461px #FFF , 1938px 982px #FFF , 1256px 874px #FFF , 637px 299px #FFF , 774px 1012px #FFF , 1233px 612px #FFF , 1159px 1020px #FFF , 51px 1088px #FFF , 354px 917px #FFF , 189px 152px #FFF , 1809px 702px #FFF , 241px 1291px #FFF , 1550px 770px #FFF , 867px 372px #FFF , 1304px 1821px #FFF , 495px 1098px #FFF , 1102px 1830px #FFF , 1799px 1254px #FFF , 356px 358px #FFF , 1844px 955px #FFF , 63px 833px #FFF , 1035px 1488px #FFF , 1334px 16px #FFF , 1657px 756px #FFF , 1243px 937px #FFF , 761px 1097px #FFF , 1018px 1456px #FFF , 69px 817px #FFF , 281px 903px #FFF , 758px 83px #FFF , 1748px 579px #FFF , 340px 174px #FFF , 366px 1220px #FFF , 634px 1348px #FFF , 494px 1898px #FFF , 164px 1910px #FFF , 538px 1736px #FFF , 1640px 662px #FFF , 349px 1177px #FFF , 640px 1802px #FFF , 1663px 174px #FFF , 1946px 590px #FFF , 539px 1556px #FFF , 785px 767px #FFF , 123px 1935px #FFF , 1573px 102px #FFF , 1480px 522px #FFF , 83px 485px #FFF , 1550px 1857px #FFF , 900px 1719px #FFF , 718px 1961px #FFF , 1531px 616px #FFF , 382px 326px #FFF , 1191px 562px #FFF , 1422px 1221px #FFF , 1806px 1242px #FFF , 1168px 1314px #FFF , 836px 1248px #FFF , 1735px 493px #FFF , 1434px 1375px #FFF , 1596px 1221px #FFF , 1691px 1691px #FFF , 763px 1422px #FFF , 726px 1613px #FFF , 1630px 765px #FFF , 406px 790px #FFF , 1695px 1119px #FFF , 782px 209px #FFF , 520px 434px #FFF , 347px 1854px #FFF , 988px 1692px #FFF , 101px 1250px #FFF , 704px 1458px #FFF , 308px 1468px #FFF , 1109px 1557px #FFF , 1629px 1850px #FFF , 1229px 1123px #FFF , 92px 1601px #FFF , 1697px 7px #FFF , 646px 1938px #FFF , 1463px 1533px #FFF , 916px 1200px #FFF , 1358px 1580px #FFF , 65px 1111px #FFF , 721px 1808px #FFF , 926px 1249px #FFF , 1894px 1952px #FFF , 168px 993px #FFF , 1269px 1458px #FFF , 522px 504px #FFF , 645px 905px #FFF , 52px 1876px #FFF , 1109px 77px #FFF , 483px 1186px #FFF , 875px 179px #FFF , 1516px 616px #FFF , 1403px 512px #FFF , 627px 819px #FFF , 537px 1410px #FFF , 1219px 931px #FFF , 348px 721px #FFF , 1639px 893px #FFF , 1140px 374px #FFF , 582px 682px #FFF , 1588px 922px #FFF , 1287px 950px #FFF , 1922px 1450px #FFF , 1806px 111px #FFF , 732px 1369px #FFF , 1889px 976px #FFF , 1112px 358px #FFF , 445px 1456px #FFF , 1914px 1933px #FFF , 569px 716px #FFF , 997px 488px #FFF , 1848px 1269px #FFF , 419px 979px #FFF , 706px 994px #FFF , 989px 1646px #FFF , 612px 766px #FFF , 1121px 984px #FFF , 1699px 1925px #FFF , 1890px 102px #FFF , 38px 572px #FFF , 443px 1663px #FFF , 1786px 1772px #FFF , 244px 1138px #FFF , 1688px 437px #FFF , 269px 692px #FFF , 124px 84px #FFF , 122px 559px #FFF , 40px 884px #FFF , 1481px 1458px #FFF , 676px 146px #FFF , 1095px 1148px #FFF , 1599px 431px #FFF , 1955px 1494px #FFF , 1797px 1299px #FFF , 1123px 1593px #FFF , 1477px 1144px #FFF , 1681px 407px #FFF , 172px 458px #FFF , 710px 1618px #FFF , 189px 1881px #FFF , 943px 141px #FFF , 1956px 562px #FFF , 57px 833px #FFF , 1721px 1358px #FFF , 1667px 412px #FFF , 962px 1566px #FFF , 1465px 307px #FFF , 635px 1162px #FFF , 1908px 28px #FFF , 284px 939px #FFF , 1627px 183px #FFF , 1518px 1489px #FFF , 1075px 1429px #FFF , 159px 111px #FFF , 1752px 153px #FFF , 1991px 1027px #FFF , 92px 1515px #FFF , 176px 894px #FFF , 1062px 963px #FFF , 254px 1832px #FFF , 591px 306px #FFF , 1455px 379px #FFF , 1423px 1425px #FFF , 1830px 1916px #FFF , 274px 1916px #FFF , 689px 660px #FFF , 1359px 960px #FFF , 1135px 352px #FFF , 475px 1693px #FFF , 1278px 953px #FFF , 86px 628px #FFF , 924px 448px #FFF , 441px 1116px #FFF , 1978px 945px #FFF , 1229px 1566px #FFF , 129px 1024px #FFF , 1664px 1108px #FFF , 1911px 789px #FFF , 1236px 119px #FFF , 1348px 1309px #FFF , 1236px 578px #FFF , 1642px 1749px #FFF , 330px 801px #FFF , 462px 452px #FFF , 918px 6px #FFF , 667px 1845px #FFF , 50px 478px #FFF , 1976px 691px #FFF , 1440px 904px #FFF , 1109px 1695px #FFF , 1418px 301px #FFF , 793px 794px #FFF , 1873px 1861px #FFF , 1714px 7px #FFF , 214px 898px #FFF , 672px 347px #FFF , 499px 1402px #FFF , 409px 1581px #FFF , 989px 758px #FFF , 1682px 91px #FFF , 1506px 1573px #FFF , 1817px 1931px #FFF , 387px 782px #FFF , 406px 886px #FFF , 3px 438px #FFF , 839px 1939px #FFF , 1002px 1600px #FFF , 997px 1094px #FFF , 1719px 1117px #FFF , 609px 1773px #FFF , 1337px 698px #FFF , 80px 255px #FFF , 283px 431px #FFF , 426px 854px #FFF , 934px 740px #FFF , 925px 1668px #FFF , 1512px 1140px #FFF , 109px 1223px #FFF , 1146px 1243px #FFF , 1126px 501px #FFF , 1578px 1375px #FFF , 48px 910px #FFF , 692px 1568px #FFF , 498px 1118px #FFF , 649px 1511px #FFF , 1576px 1005px #FFF , 1509px 941px #FFF , 1619px 1631px #FFF , 177px 1022px #FFF , 610px 1331px #FFF , 124px 1229px #FFF , 1768px 1274px #FFF , 1027px 864px #FFF , 1686px 874px #FFF , 365px 307px #FFF , 925px 1859px #FFF , 1084px 885px #FFF , 556px 636px #FFF , 1685px 1192px #FFF , 1513px 1573px #FFF , 553px 271px #FFF , 1103px 1101px #FFF , 1598px 1205px #FFF , 644px 1045px #FFF , 917px 736px #FFF , 408px 633px #FFF , 1794px 746px #FFF , 426px 200px #FFF , 231px 1251px #FFF , 414px 1916px #FFF , 866px 1616px #FFF , 1186px 1593px #FFF , 197px 1503px #FFF , 719px 439px #FFF , 663px 1658px #FFF , 236px 1394px #FFF , 583px 1214px #FFF , 1316px 1622px #FFF , 1938px 1170px #FFF , 735px 1605px #FFF , 227px 806px #FFF , 1171px 434px #FFF , 670px 477px #FFF , 1481px 4px #FFF , 561px 601px #FFF , 1795px 389px #FFF , 1625px 689px #FFF , 904px 1444px #FFF , 1120px 1377px #FFF , 1688px 745px #FFF , 836px 41px #FFF , 683px 1230px #FFF , 193px 1656px #FFF , 931px 647px #FFF , 1092px 2px #FFF , 580px 1067px #FFF , 1287px 1319px #FFF , 1600px 1127px #FFF , 1062px 1615px #FFF , 1618px 1093px #FFF , 119px 1337px #FFF , 1616px 502px #FFF , 758px 449px #FFF , 1253px 1703px #FFF , 619px 321px #FFF , 1225px 1259px #FFF , 725px 1128px #FFF , 1821px 798px #FFF , 1213px 208px #FFF , 1785px 663px #FFF , 1798px 1788px #FFF , 1362px 1396px #FFF , 1805px 583px #FFF , 1740px 440px #FFF , 1133px 1142px #FFF , 971px 1060px #FFF , 1387px 260px #FFF , 996px 1218px #FFF , 1197px 1176px #FFF , 1004px 623px #FFF , 612px 1738px #FFF , 250px 1739px #FFF , 1823px 835px #FFF , 1176px 1923px #FFF , 294px 144px #FFF , 1996px 1583px #FFF , 1054px 423px #FFF , 902px 1115px #FFF , 929px 721px #FFF , 464px 1326px #FFF , 1985px 1751px #FFF , 1820px 982px #FFF , 1001px 80px #FFF , 1451px 1296px #FFF , 664px 1870px #FFF , 1692px 115px #FFF , 223px 1422px #FFF , 192px 1813px #FFF , 1106px 1938px #FFF , 1828px 364px #FFF , 952px 378px #FFF , 630px 1110px #FFF , 354px 1342px #FFF , 1904px 16px #FFF , 1356px 759px #FFF , 300px 865px #FFF , 574px 765px #FFF , 890px 288px #FFF , 1212px 1309px #FFF , 1514px 280px #FFF , 458px 326px #FFF , 1850px 924px #FFF , 780px 1047px #FFF , 435px 1918px #FFF , 1652px 1174px #FFF , 1409px 681px #FFF , 554px 1360px #FFF , 1998px 975px #FFF , 76px 1909px #FFF , 1665px 1858px #FFF , 1351px 300px #FFF , 1658px 449px #FFF , 1953px 1078px #FFF , 902px 1044px #FFF , 85px 178px #FFF , 486px 650px #FFF , 1162px 1596px #FFF , 1095px 1076px #FFF , 789px 513px #FFF , 1473px 712px #FFF , 356px 129px #FFF , 1055px 1923px #FFF , 588px 1792px #FFF , 1552px 1023px #FFF , 329px 1493px #FFF , 431px 32px #FFF , 1540px 1420px #FFF , 569px 738px #FFF , 257px 1107px #FFF , 369px 1862px #FFF , 169px 1889px #FFF , 1455px 845px #FFF , 1482px 539px #FFF , 314px 1998px #FFF , 1497px 1284px #FFF , 634px 308px #FFF , 1764px 546px #FFF , 1570px 1166px #FFF , 1878px 384px #FFF , 1874px 476px #FFF , 48px 1927px #FFF , 7px 1476px #FFF , 208px 868px #FFF , 1531px 985px #FFF , 430px 1540px #FFF , 1287px 1931px #FFF , 1881px 1788px #FFF , 955px 1271px #FFF , 1457px 1465px #FFF , 189px 1933px #FFF , 1272px 467px #FFF , 643px 1947px #FFF , 1608px 1362px #FFF , 844px 432px #FFF , 123px 1183px #FFF , 248px 1835px #FFF , 1488px 1070px #FFF , 169px 83px #FFF , 738px 520px #FFF , 1376px 302px #FFF , 1977px 977px #FFF , 1345px 1419px #FFF , 1009px 1044px #FFF , 597px 1121px #FFF , 1254px 1064px #FFF , 413px 161px #FFF , 1132px 1011px #FFF , 194px 1324px #FFF , 1221px 393px #FFF , 216px 1838px #FFF , 140px 387px #FFF , 1625px 114px #FFF , 716px 1794px #FFF , 521px 1847px #FFF , 1453px 1088px #FFF , 509px 769px #FFF , 1567px 107px #FFF , 206px 147px #FFF , 1661px 492px #FFF , 1008px 306px #FFF , 863px 1165px #FFF , 1362px 62px #FFF , 1929px 1726px #FFF , 684px 1631px #FFF , 1422px 594px #FFF , 229px 1988px #FFF , 1832px 751px #FFF , 600px 1277px #FFF , 1987px 42px #FFF , 1059px 619px #FFF , 810px 874px #FFF , 838px 372px #FFF , 273px 736px #FFF , 1785px 120px #FFF , 1122px 1837px #FFF , 970px 318px #FFF , 853px 1425px #FFF , 1484px 1951px #FFF , 171px 313px #FFF , 1780px 320px #FFF , 1443px 1286px #FFF , 416px 1658px #FFF , 1073px 1545px #FFF , 1066px 1869px #FFF , 198px 1560px #FFF , 1850px 1686px #FFF , 105px 1529px #FFF , 247px 1751px #FFF , 1895px 1899px #FFF , 1582px 154px #FFF , 1326px 1079px #FFF , 1541px 1420px #FFF , 951px 765px #FFF , 1156px 1930px #FFF , 537px 1886px #FFF , 1030px 1045px #FFF , 1900px 472px #FFF , 172px 958px #FFF , 753px 1216px #FFF , 1402px 1034px #FFF , 514px 1085px #FFF , 221px 1757px #FFF , 1147px 983px #FFF , 1371px 1654px #FFF , 1661px 1029px #FFF , 839px 1896px #FFF , 1720px 95px #FFF , 1855px 1254px #FFF , 1542px 1061px #FFF , 358px 1732px #FFF , 897px 1649px #FFF , 1809px 1026px #FFF , 632px 1313px #FFF , 779px 421px #FFF , 696px 113px #FFF , 1293px 432px #FFF , 286px 1838px #FFF , 373px 1185px #FFF , 1672px 161px #FFF , 915px 1204px #FFF , 363px 712px #FFF , 1998px 329px #FFF , 1858px 1105px #FFF , 143px 975px #FFF , 864px 1604px #FFF , 1600px 1190px #FFF , 693px 1440px #FFF , 1250px 1847px #FFF , 592px 577px #FFF , 1360px 558px #FFF , 1919px 216px #FFF , 1649px 684px #FFF , 1737px 631px #FFF , 1557px 1201px #FFF , 1334px 1867px #FFF , 1496px 1827px #FFF , 788px 1963px #FFF , 1784px 665px #FFF , 984px 904px #FFF , 695px 1174px #FFF , 438px 225px #FFF , 981px 68px #FFF , 365px 287px #FFF , 680px 341px #FFF , 1653px 632px #FFF , 1406px 176px #FFF , 234px 126px #FFF , 925px 1964px #FFF , 607px 1536px #FFF , 1383px 862px #FFF , 687px 1245px #FFF , 1227px 1421px #FFF , 1405px 1620px #FFF , 1347px 54px #FFF , 998px 1628px #FFF , 272px 476px #FFF;
    animation: animStar 50s linear infinite;
  }
  #stars:after {
    content: " ";
    position: absolute;
    top: 200px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 719px 1509px #FFF , 1238px 637px #FFF , 1262px 216px #FFF , 505px 237px #FFF , 312px 261px #FFF , 1841px 886px #FFF , 1117px 1789px #FFF , 847px 1713px #FFF , 1654px 119px #FFF , 437px 1553px #FFF , 1390px 1599px #FFF , 669px 711px #FFF , 587px 1791px #FFF , 320px 272px #FFF , 1295px 841px #FFF , 1171px 1334px #FFF , 1512px 778px #FFF , 76px 625px #FFF , 1022px 987px #FFF , 1753px 1314px #FFF , 134px 637px #FFF , 1643px 520px #FFF , 1886px 1994px #FFF , 361px 124px #FFF , 1242px 1911px #FFF , 1137px 130px #FFF , 156px 1575px #FFF , 1284px 1872px #FFF , 599px 1833px #FFF , 1836px 1867px #FFF , 409px 990px #FFF , 198px 691px #FFF , 1891px 454px #FFF , 1177px 1758px #FFF , 79px 409px #FFF , 544px 1245px #FFF , 1574px 503px #FFF , 948px 1371px #FFF , 1837px 803px #FFF , 589px 957px #FFF , 1122px 162px #FFF , 668px 553px #FFF , 302px 1896px #FFF , 136px 1827px #FFF , 1553px 795px #FFF , 1484px 937px #FFF , 1288px 1353px #FFF , 944px 273px #FFF , 186px 1650px #FFF , 88px 133px #FFF , 1631px 1976px #FFF , 1138px 344px #FFF , 615px 1689px #FFF , 319px 1117px #FFF , 587px 1258px #FFF , 911px 1473px #FFF , 1957px 1576px #FFF , 681px 1996px #FFF , 1247px 1812px #FFF , 84px 1998px #FFF , 1708px 1395px #FFF , 730px 37px #FFF , 787px 1353px #FFF , 1352px 1374px #FFF , 1216px 1955px #FFF , 1263px 215px #FFF , 1742px 534px #FFF , 1529px 217px #FFF , 1020px 373px #FFF , 691px 479px #FFF , 1902px 1444px #FFF , 1823px 299px #FFF , 229px 1645px #FFF , 643px 124px #FFF , 486px 573px #FFF , 1601px 1185px #FFF , 1871px 967px #FFF , 1770px 390px #FFF , 295px 1987px #FFF , 556px 1337px #FFF , 62px 1813px #FFF , 1458px 388px #FFF , 1931px 1813px #FFF , 1633px 679px #FFF , 807px 396px #FFF , 176px 1026px #FFF , 1494px 1979px #FFF , 1113px 201px #FFF , 1127px 131px #FFF , 1126px 628px #FFF , 714px 1535px #FFF , 91px 1157px #FFF , 57px 418px #FFF , 20px 145px #FFF , 147px 1169px #FFF , 989px 772px #FFF , 1487px 446px #FFF , 1751px 632px #FFF , 847px 1503px #FFF , 358px 1353px #FFF , 1920px 151px #FFF , 1429px 1013px #FFF , 624px 776px #FFF , 271px 1379px #FFF , 1173px 1282px #FFF , 82px 1142px #FFF , 756px 1711px #FFF , 1312px 1102px #FFF , 481px 584px #FFF , 248px 1683px #FFF , 894px 116px #FFF , 1940px 1930px #FFF , 1358px 443px #FFF , 1930px 442px #FFF , 1141px 394px #FFF , 72px 757px #FFF , 425px 816px #FFF , 1418px 1000px #FFF , 1018px 1603px #FFF , 1598px 1764px #FFF , 1671px 1145px #FFF , 460px 1759px #FFF , 394px 276px #FFF , 380px 1955px #FFF , 1874px 1305px #FFF , 1734px 1296px #FFF , 590px 456px #FFF , 1169px 300px #FFF , 902px 1083px #FFF , 889px 1037px #FFF , 732px 19px #FFF , 606px 1860px #FFF , 951px 297px #FFF , 787px 1433px #FFF , 1718px 1061px #FFF , 615px 197px #FFF , 445px 1060px #FFF , 1565px 483px #FFF , 140px 1506px #FFF , 183px 900px #FFF , 189px 1895px #FFF , 1383px 1242px #FFF , 1098px 702px #FFF , 580px 339px #FFF , 250px 950px #FFF , 561px 131px #FFF , 1402px 518px #FFF , 460px 1482px #FFF , 1131px 832px #FFF , 1214px 1851px #FFF , 915px 589px #FFF , 1314px 1387px #FFF , 155px 1940px #FFF , 910px 593px #FFF , 1908px 32px #FFF , 1640px 780px #FFF , 774px 1058px #FFF , 1511px 1511px #FFF , 329px 1207px #FFF , 895px 1661px #FFF , 1929px 1415px #FFF , 807px 1751px #FFF , 682px 121px #FFF , 1406px 161px #FFF , 1260px 804px #FFF , 676px 100px #FFF , 1145px 1231px #FFF , 1965px 1454px #FFF , 543px 1994px #FFF , 448px 493px #FFF , 1627px 920px #FFF , 1402px 900px #FFF , 1369px 160px #FFF , 1056px 1441px #FFF , 1587px 996px #FFF , 1490px 909px #FFF , 834px 668px #FFF , 582px 253px #FFF , 1726px 897px #FFF , 438px 1102px #FFF , 684px 470px #FFF , 1451px 727px #FFF , 209px 1647px #FFF , 28px 464px #FFF , 995px 975px #FFF , 1674px 1653px #FFF , 899px 1140px #FFF , 1128px 1148px #FFF , 1013px 325px #FFF , 1743px 1598px #FFF , 412px 1461px #FFF , 1938px 982px #FFF , 1256px 874px #FFF , 637px 299px #FFF , 774px 1012px #FFF , 1233px 612px #FFF , 1159px 1020px #FFF , 51px 1088px #FFF , 354px 917px #FFF , 189px 152px #FFF , 1809px 702px #FFF , 241px 1291px #FFF , 1550px 770px #FFF , 867px 372px #FFF , 1304px 1821px #FFF , 495px 1098px #FFF , 1102px 1830px #FFF , 1799px 1254px #FFF , 356px 358px #FFF , 1844px 955px #FFF , 63px 833px #FFF , 1035px 1488px #FFF , 1334px 16px #FFF , 1657px 756px #FFF , 1243px 937px #FFF , 761px 1097px #FFF , 1018px 1456px #FFF , 69px 817px #FFF , 281px 903px #FFF , 758px 83px #FFF , 1748px 579px #FFF , 340px 174px #FFF , 366px 1220px #FFF , 634px 1348px #FFF , 494px 1898px #FFF , 164px 1910px #FFF , 538px 1736px #FFF , 1640px 662px #FFF , 349px 1177px #FFF , 640px 1802px #FFF , 1663px 174px #FFF , 1946px 590px #FFF , 539px 1556px #FFF , 785px 767px #FFF , 123px 1935px #FFF , 1573px 102px #FFF , 1480px 522px #FFF , 83px 485px #FFF , 1550px 1857px #FFF , 900px 1719px #FFF , 718px 1961px #FFF , 1531px 616px #FFF , 382px 326px #FFF , 1191px 562px #FFF , 1422px 1221px #FFF , 1806px 1242px #FFF , 1168px 1314px #FFF , 836px 1248px #FFF , 1735px 493px #FFF , 1434px 1375px #FFF , 1596px 1221px #FFF , 1691px 1691px #FFF , 763px 1422px #FFF , 726px 1613px #FFF , 1630px 765px #FFF , 406px 790px #FFF , 1695px 1119px #FFF , 782px 209px #FFF , 520px 434px #FFF , 347px 1854px #FFF , 988px 1692px #FFF , 101px 1250px #FFF , 704px 1458px #FFF , 308px 1468px #FFF , 1109px 1557px #FFF , 1629px 1850px #FFF , 1229px 1123px #FFF , 92px 1601px #FFF , 1697px 7px #FFF , 646px 1938px #FFF , 1463px 1533px #FFF , 916px 1200px #FFF , 1358px 1580px #FFF , 65px 1111px #FFF , 721px 1808px #FFF , 926px 1249px #FFF , 1894px 1952px #FFF , 168px 993px #FFF , 1269px 1458px #FFF , 522px 504px #FFF , 645px 905px #FFF , 52px 1876px #FFF , 1109px 77px #FFF , 483px 1186px #FFF , 875px 179px #FFF , 1516px 616px #FFF , 1403px 512px #FFF , 627px 819px #FFF , 537px 1410px #FFF , 1219px 931px #FFF , 348px 721px #FFF , 1639px 893px #FFF , 1140px 374px #FFF , 582px 682px #FFF , 1588px 922px #FFF , 1287px 950px #FFF , 1922px 1450px #FFF , 1806px 111px #FFF , 732px 1369px #FFF , 1889px 976px #FFF , 1112px 358px #FFF , 445px 1456px #FFF , 1914px 1933px #FFF , 569px 716px #FFF , 997px 488px #FFF , 1848px 1269px #FFF , 419px 979px #FFF , 706px 994px #FFF , 989px 1646px #FFF , 612px 766px #FFF , 1121px 984px #FFF , 1699px 1925px #FFF , 1890px 102px #FFF , 38px 572px #FFF , 443px 1663px #FFF , 1786px 1772px #FFF , 244px 1138px #FFF , 1688px 437px #FFF , 269px 692px #FFF , 124px 84px #FFF , 122px 559px #FFF , 40px 884px #FFF , 1481px 1458px #FFF , 676px 146px #FFF , 1095px 1148px #FFF , 1599px 431px #FFF , 1955px 1494px #FFF , 1797px 1299px #FFF , 1123px 1593px #FFF , 1477px 1144px #FFF , 1681px 407px #FFF , 172px 458px #FFF , 710px 1618px #FFF , 189px 1881px #FFF , 943px 141px #FFF , 1956px 562px #FFF , 57px 833px #FFF , 1721px 1358px #FFF , 1667px 412px #FFF , 962px 1566px #FFF , 1465px 307px #FFF , 635px 1162px #FFF , 1908px 28px #FFF , 284px 939px #FFF , 1627px 183px #FFF , 1518px 1489px #FFF , 1075px 1429px #FFF , 159px 111px #FFF , 1752px 153px #FFF , 1991px 1027px #FFF , 92px 1515px #FFF , 176px 894px #FFF , 1062px 963px #FFF , 254px 1832px #FFF , 591px 306px #FFF , 1455px 379px #FFF , 1423px 1425px #FFF , 1830px 1916px #FFF , 274px 1916px #FFF , 689px 660px #FFF , 1359px 960px #FFF , 1135px 352px #FFF , 475px 1693px #FFF , 1278px 953px #FFF , 86px 628px #FFF , 924px 448px #FFF , 441px 1116px #FFF , 1978px 945px #FFF , 1229px 1566px #FFF , 129px 1024px #FFF , 1664px 1108px #FFF , 1911px 789px #FFF , 1236px 119px #FFF , 1348px 1309px #FFF , 1236px 578px #FFF , 1642px 1749px #FFF , 330px 801px #FFF , 462px 452px #FFF , 918px 6px #FFF , 667px 1845px #FFF , 50px 478px #FFF , 1976px 691px #FFF , 1440px 904px #FFF , 1109px 1695px #FFF , 1418px 301px #FFF , 793px 794px #FFF , 1873px 1861px #FFF , 1714px 7px #FFF , 214px 898px #FFF , 672px 347px #FFF , 499px 1402px #FFF , 409px 1581px #FFF , 989px 758px #FFF , 1682px 91px #FFF , 1506px 1573px #FFF , 1817px 1931px #FFF , 387px 782px #FFF , 406px 886px #FFF , 3px 438px #FFF , 839px 1939px #FFF , 1002px 1600px #FFF , 997px 1094px #FFF , 1719px 1117px #FFF , 609px 1773px #FFF , 1337px 698px #FFF , 80px 255px #FFF , 283px 431px #FFF , 426px 854px #FFF , 934px 740px #FFF , 925px 1668px #FFF , 1512px 1140px #FFF , 109px 1223px #FFF , 1146px 1243px #FFF , 1126px 501px #FFF , 1578px 1375px #FFF , 48px 910px #FFF , 692px 1568px #FFF , 498px 1118px #FFF , 649px 1511px #FFF , 1576px 1005px #FFF , 1509px 941px #FFF , 1619px 1631px #FFF , 177px 1022px #FFF , 610px 1331px #FFF , 124px 1229px #FFF , 1768px 1274px #FFF , 1027px 864px #FFF , 1686px 874px #FFF , 365px 307px #FFF , 925px 1859px #FFF , 1084px 885px #FFF , 556px 636px #FFF , 1685px 1192px #FFF , 1513px 1573px #FFF , 553px 271px #FFF , 1103px 1101px #FFF , 1598px 1205px #FFF , 644px 1045px #FFF , 917px 736px #FFF , 408px 633px #FFF , 1794px 746px #FFF , 426px 200px #FFF , 231px 1251px #FFF , 414px 1916px #FFF , 866px 1616px #FFF , 1186px 1593px #FFF , 197px 1503px #FFF , 719px 439px #FFF , 663px 1658px #FFF , 236px 1394px #FFF , 583px 1214px #FFF , 1316px 1622px #FFF , 1938px 1170px #FFF , 735px 1605px #FFF , 227px 806px #FFF , 1171px 434px #FFF , 670px 477px #FFF , 1481px 4px #FFF , 561px 601px #FFF , 1795px 389px #FFF , 1625px 689px #FFF , 904px 1444px #FFF , 1120px 1377px #FFF , 1688px 745px #FFF , 836px 41px #FFF , 683px 1230px #FFF , 193px 1656px #FFF , 931px 647px #FFF , 1092px 2px #FFF , 580px 1067px #FFF , 1287px 1319px #FFF , 1600px 1127px #FFF , 1062px 1615px #FFF , 1618px 1093px #FFF , 119px 1337px #FFF , 1616px 502px #FFF , 758px 449px #FFF , 1253px 1703px #FFF , 619px 321px #FFF , 1225px 1259px #FFF , 725px 1128px #FFF , 1821px 798px #FFF , 1213px 208px #FFF , 1785px 663px #FFF , 1798px 1788px #FFF , 1362px 1396px #FFF , 1805px 583px #FFF , 1740px 440px #FFF , 1133px 1142px #FFF , 971px 1060px #FFF , 1387px 260px #FFF , 996px 1218px #FFF , 1197px 1176px #FFF , 1004px 623px #FFF , 612px 1738px #FFF , 250px 1739px #FFF , 1823px 835px #FFF , 1176px 1923px #FFF , 294px 144px #FFF , 1996px 1583px #FFF , 1054px 423px #FFF , 902px 1115px #FFF , 929px 721px #FFF , 464px 1326px #FFF , 1985px 1751px #FFF , 1820px 982px #FFF , 1001px 80px #FFF , 1451px 1296px #FFF , 664px 1870px #FFF , 1692px 115px #FFF , 223px 1422px #FFF , 192px 1813px #FFF , 1106px 1938px #FFF , 1828px 364px #FFF , 952px 378px #FFF , 630px 1110px #FFF , 354px 1342px #FFF , 1904px 16px #FFF , 1356px 759px #FFF , 300px 865px #FFF , 574px 765px #FFF , 890px 288px #FFF , 1212px 1309px #FFF , 1514px 280px #FFF , 458px 326px #FFF , 1850px 924px #FFF , 780px 1047px #FFF , 435px 1918px #FFF , 1652px 1174px #FFF , 1409px 681px #FFF , 554px 1360px #FFF , 1998px 975px #FFF , 76px 1909px #FFF , 1665px 1858px #FFF , 1351px 300px #FFF , 1658px 449px #FFF , 1953px 1078px #FFF , 902px 1044px #FFF , 85px 178px #FFF , 486px 650px #FFF , 1162px 1596px #FFF , 1095px 1076px #FFF , 789px 513px #FFF , 1473px 712px #FFF , 356px 129px #FFF , 1055px 1923px #FFF , 588px 1792px #FFF , 1552px 1023px #FFF , 329px 1493px #FFF , 431px 32px #FFF , 1540px 1420px #FFF , 569px 738px #FFF , 257px 1107px #FFF , 369px 1862px #FFF , 169px 1889px #FFF , 1455px 845px #FFF , 1482px 539px #FFF , 314px 1998px #FFF , 1497px 1284px #FFF , 634px 308px #FFF , 1764px 546px #FFF , 1570px 1166px #FFF , 1878px 384px #FFF , 1874px 476px #FFF , 48px 1927px #FFF , 7px 1476px #FFF , 208px 868px #FFF , 1531px 985px #FFF , 430px 1540px #FFF , 1287px 1931px #FFF , 1881px 1788px #FFF , 955px 1271px #FFF , 1457px 1465px #FFF , 189px 1933px #FFF , 1272px 467px #FFF , 643px 1947px #FFF , 1608px 1362px #FFF , 844px 432px #FFF , 123px 1183px #FFF , 248px 1835px #FFF , 1488px 1070px #FFF , 169px 83px #FFF , 738px 520px #FFF , 1376px 302px #FFF , 1977px 977px #FFF , 1345px 1419px #FFF , 1009px 1044px #FFF , 597px 1121px #FFF , 1254px 1064px #FFF , 413px 161px #FFF , 1132px 1011px #FFF , 194px 1324px #FFF , 1221px 393px #FFF , 216px 1838px #FFF , 140px 387px #FFF , 1625px 114px #FFF , 716px 1794px #FFF , 521px 1847px #FFF , 1453px 1088px #FFF , 509px 769px #FFF , 1567px 107px #FFF , 206px 147px #FFF , 1661px 492px #FFF , 1008px 306px #FFF , 863px 1165px #FFF , 1362px 62px #FFF , 1929px 1726px #FFF , 684px 1631px #FFF , 1422px 594px #FFF , 229px 1988px #FFF , 1832px 751px #FFF , 600px 1277px #FFF , 1987px 42px #FFF , 1059px 619px #FFF , 810px 874px #FFF , 838px 372px #FFF , 273px 736px #FFF , 1785px 120px #FFF , 1122px 1837px #FFF , 970px 318px #FFF , 853px 1425px #FFF , 1484px 1951px #FFF , 171px 313px #FFF , 1780px 320px #FFF , 1443px 1286px #FFF , 416px 1658px #FFF , 1073px 1545px #FFF , 1066px 1869px #FFF , 198px 1560px #FFF , 1850px 1686px #FFF , 105px 1529px #FFF , 247px 1751px #FFF , 1895px 1899px #FFF , 1582px 154px #FFF , 1326px 1079px #FFF , 1541px 1420px #FFF , 951px 765px #FFF , 1156px 1930px #FFF , 537px 1886px #FFF , 1030px 1045px #FFF , 1900px 472px #FFF , 172px 958px #FFF , 753px 1216px #FFF , 1402px 1034px #FFF , 514px 1085px #FFF , 221px 1757px #FFF , 1147px 983px #FFF , 1371px 1654px #FFF , 1661px 1029px #FFF , 839px 1896px #FFF , 1720px 95px #FFF , 1855px 1254px #FFF , 1542px 1061px #FFF , 358px 1732px #FFF , 897px 1649px #FFF , 1809px 1026px #FFF , 632px 1313px #FFF , 779px 421px #FFF , 696px 113px #FFF , 1293px 432px #FFF , 286px 1838px #FFF , 373px 1185px #FFF , 1672px 161px #FFF , 915px 1204px #FFF , 363px 712px #FFF , 1998px 329px #FFF , 1858px 1105px #FFF , 143px 975px #FFF , 864px 1604px #FFF , 1600px 1190px #FFF , 693px 1440px #FFF , 1250px 1847px #FFF , 592px 577px #FFF , 1360px 558px #FFF , 1919px 216px #FFF , 1649px 684px #FFF , 1737px 631px #FFF , 1557px 1201px #FFF , 1334px 1867px #FFF , 1496px 1827px #FFF , 788px 1963px #FFF , 1784px 665px #FFF , 984px 904px #FFF , 695px 1174px #FFF , 438px 225px #FFF , 981px 68px #FFF , 365px 287px #FFF , 680px 341px #FFF , 1653px 632px #FFF , 1406px 176px #FFF , 234px 126px #FFF , 925px 1964px #FFF , 607px 1536px #FFF , 1383px 862px #FFF , 687px 1245px #FFF , 1227px 1421px #FFF , 1405px 1620px #FFF , 1347px 54px #FFF , 998px 1628px #FFF , 272px 476px #FFF;
  }
  
  #stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1418px 34px #FFF , 588px 1019px #FFF , 794px 1310px #FFF , 669px 982px #FFF , 689px 519px #FFF , 82px 936px #FFF , 1503px 1770px #FFF , 1173px 323px #FFF , 1913px 1679px #FFF , 432px 965px #FFF , 1739px 1321px #FFF , 1484px 1225px #FFF , 1738px 1946px #FFF , 1008px 24px #FFF , 567px 998px #FFF , 26px 1893px #FFF , 90px 991px #FFF , 449px 293px #FFF , 1010px 955px #FFF , 390px 1489px #FFF , 552px 1841px #FFF , 1199px 1737px #FFF , 1880px 621px #FFF , 1455px 120px #FFF , 1952px 67px #FFF , 1313px 892px #FFF , 1101px 1592px #FFF , 1900px 1595px #FFF , 1515px 207px #FFF , 149px 944px #FFF , 468px 1905px #FFF , 623px 1117px #FFF , 1303px 554px #FFF , 1453px 739px #FFF , 1734px 1145px #FFF , 1198px 816px #FFF , 1121px 778px #FFF , 1925px 1668px #FFF , 929px 826px #FFF , 86px 1986px #FFF , 806px 139px #FFF , 122px 220px #FFF , 408px 1627px #FFF , 1595px 86px #FFF , 684px 1689px #FFF , 1684px 1555px #FFF , 1480px 1569px #FFF , 1428px 474px #FFF , 1088px 1981px #FFF , 318px 1668px #FFF , 450px 169px #FFF , 60px 1131px #FFF , 1563px 379px #FFF , 1535px 963px #FFF , 1218px 1566px #FFF , 1603px 1062px #FFF , 186px 1940px #FFF , 277px 26px #FFF , 539px 1404px #FFF , 1260px 1592px #FFF , 14px 1277px #FFF , 1762px 1363px #FFF , 1122px 1799px #FFF , 1407px 1781px #FFF , 1415px 1774px #FFF , 453px 1102px #FFF , 353px 1737px #FFF , 132px 1790px #FFF , 1353px 721px #FFF , 1380px 1583px #FFF , 1077px 590px #FFF , 1540px 1884px #FFF , 1958px 601px #FFF , 777px 947px #FFF , 1279px 59px #FFF , 1936px 1890px #FFF , 957px 539px #FFF , 667px 1593px #FFF , 892px 1086px #FFF , 1485px 239px #FFF , 1334px 58px #FFF , 1368px 398px #FFF , 311px 1919px #FFF , 1196px 1071px #FFF , 196px 1710px #FFF , 1284px 1481px #FFF , 1653px 466px #FFF , 1017px 161px #FFF , 1108px 185px #FFF , 1303px 1362px #FFF , 1239px 1036px #FFF , 807px 1235px #FFF , 14px 1699px #FFF , 1078px 793px #FFF , 1785px 700px #FFF , 208px 1197px #FFF , 794px 1475px #FFF , 509px 708px #FFF , 608px 1375px #FFF , 1828px 26px #FFF , 355px 652px #FFF , 1937px 725px #FFF , 1836px 1678px #FFF , 356px 659px #FFF , 104px 1992px #FFF , 1368px 641px #FFF , 1153px 1828px #FFF , 1837px 786px #FFF , 455px 553px #FFF , 858px 545px #FFF , 406px 1295px #FFF , 1484px 1629px #FFF , 1354px 717px #FFF , 362px 288px #FFF , 586px 212px #FFF , 750px 572px #FFF , 1553px 338px #FFF , 916px 895px #FFF , 460px 1346px #FFF , 61px 1565px #FFF , 677px 1853px #FFF , 1453px 1383px #FFF , 578px 1767px #FFF , 1234px 687px #FFF , 781px 1233px #FFF , 1679px 68px #FFF , 263px 827px #FFF , 600px 755px #FFF , 145px 1579px #FFF , 1852px 1871px #FFF , 889px 1254px #FFF , 899px 1032px #FFF , 708px 1113px #FFF , 787px 387px #FFF , 1025px 1592px #FFF , 1390px 1425px #FFF , 733px 194px #FFF , 1239px 359px #FFF , 1006px 1233px #FFF , 1648px 1737px #FFF , 1146px 1339px #FFF , 688px 291px #FFF , 1856px 1598px #FFF , 472px 1293px #FFF , 1381px 939px #FFF , 787px 967px #FFF , 1765px 1289px #FFF , 1087px 239px #FFF , 771px 253px #FFF , 1043px 1909px #FFF , 1097px 1233px #FFF , 1544px 1970px #FFF , 559px 1152px #FFF , 598px 1158px #FFF , 218px 175px #FFF , 897px 1471px #FFF , 361px 490px #FFF , 599px 689px #FFF , 1970px 839px #FFF , 1819px 591px #FFF , 443px 819px #FFF , 1587px 559px #FFF , 1262px 774px #FFF , 206px 462px #FFF , 1049px 1665px #FFF , 388px 364px #FFF , 1868px 568px #FFF , 1073px 1525px #FFF , 1270px 509px #FFF , 157px 1176px #FFF , 575px 1679px #FFF , 706px 471px #FFF , 140px 900px #FFF , 306px 899px #FFF , 464px 1647px #FFF , 918px 1545px #FFF , 617px 1928px #FFF , 598px 1369px #FFF , 1085px 1712px #FFF , 1595px 48px #FFF , 1483px 1526px #FFF , 255px 55px #FFF , 176px 1281px #FFF , 307px 756px #FFF , 1751px 476px #FFF , 274px 1998px #FFF , 1331px 20px #FFF , 1937px 905px #FFF , 1309px 478px #FFF , 1775px 1742px #FFF , 778px 523px #FFF , 408px 1604px #FFF , 1171px 1518px #FFF , 1627px 1248px #FFF , 2000px 1378px #FFF , 626px 380px #FFF , 220px 611px #FFF , 29px 209px #FFF , 619px 1910px #FFF , 1339px 1355px #FFF;
    animation: animStar 100s linear infinite;
  }
  #stars2:after {
    content: " ";
    position: absolute;
    top: 200px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1418px 34px #FFF , 588px 1019px #FFF , 794px 1310px #FFF , 669px 982px #FFF , 689px 519px #FFF , 82px 936px #FFF , 1503px 1770px #FFF , 1173px 323px #FFF , 1913px 1679px #FFF , 432px 965px #FFF , 1739px 1321px #FFF , 1484px 1225px #FFF , 1738px 1946px #FFF , 1008px 24px #FFF , 567px 998px #FFF , 26px 1893px #FFF , 90px 991px #FFF , 449px 293px #FFF , 1010px 955px #FFF , 390px 1489px #FFF , 552px 1841px #FFF , 1199px 1737px #FFF , 1880px 621px #FFF , 1455px 120px #FFF , 1952px 67px #FFF , 1313px 892px #FFF , 1101px 1592px #FFF , 1900px 1595px #FFF , 1515px 207px #FFF , 149px 944px #FFF , 468px 1905px #FFF , 623px 1117px #FFF , 1303px 554px #FFF , 1453px 739px #FFF , 1734px 1145px #FFF , 1198px 816px #FFF , 1121px 778px #FFF , 1925px 1668px #FFF , 929px 826px #FFF , 86px 1986px #FFF , 806px 139px #FFF , 122px 220px #FFF , 408px 1627px #FFF , 1595px 86px #FFF , 684px 1689px #FFF , 1684px 1555px #FFF , 1480px 1569px #FFF , 1428px 474px #FFF , 1088px 1981px #FFF , 318px 1668px #FFF , 450px 169px #FFF , 60px 1131px #FFF , 1563px 379px #FFF , 1535px 963px #FFF , 1218px 1566px #FFF , 1603px 1062px #FFF , 186px 1940px #FFF , 277px 26px #FFF , 539px 1404px #FFF , 1260px 1592px #FFF , 14px 1277px #FFF , 1762px 1363px #FFF , 1122px 1799px #FFF , 1407px 1781px #FFF , 1415px 1774px #FFF , 453px 1102px #FFF , 353px 1737px #FFF , 132px 1790px #FFF , 1353px 721px #FFF , 1380px 1583px #FFF , 1077px 590px #FFF , 1540px 1884px #FFF , 1958px 601px #FFF , 777px 947px #FFF , 1279px 59px #FFF , 1936px 1890px #FFF , 957px 539px #FFF , 667px 1593px #FFF , 892px 1086px #FFF , 1485px 239px #FFF , 1334px 58px #FFF , 1368px 398px #FFF , 311px 1919px #FFF , 1196px 1071px #FFF , 196px 1710px #FFF , 1284px 1481px #FFF , 1653px 466px #FFF , 1017px 161px #FFF , 1108px 185px #FFF , 1303px 1362px #FFF , 1239px 1036px #FFF , 807px 1235px #FFF , 14px 1699px #FFF , 1078px 793px #FFF , 1785px 700px #FFF , 208px 1197px #FFF , 794px 1475px #FFF , 509px 708px #FFF , 608px 1375px #FFF , 1828px 26px #FFF , 355px 652px #FFF , 1937px 725px #FFF , 1836px 1678px #FFF , 356px 659px #FFF , 104px 1992px #FFF , 1368px 641px #FFF , 1153px 1828px #FFF , 1837px 786px #FFF , 455px 553px #FFF , 858px 545px #FFF , 406px 1295px #FFF , 1484px 1629px #FFF , 1354px 717px #FFF , 362px 288px #FFF , 586px 212px #FFF , 750px 572px #FFF , 1553px 338px #FFF , 916px 895px #FFF , 460px 1346px #FFF , 61px 1565px #FFF , 677px 1853px #FFF , 1453px 1383px #FFF , 578px 1767px #FFF , 1234px 687px #FFF , 781px 1233px #FFF , 1679px 68px #FFF , 263px 827px #FFF , 600px 755px #FFF , 145px 1579px #FFF , 1852px 1871px #FFF , 889px 1254px #FFF , 899px 1032px #FFF , 708px 1113px #FFF , 787px 387px #FFF , 1025px 1592px #FFF , 1390px 1425px #FFF , 733px 194px #FFF , 1239px 359px #FFF , 1006px 1233px #FFF , 1648px 1737px #FFF , 1146px 1339px #FFF , 688px 291px #FFF , 1856px 1598px #FFF , 472px 1293px #FFF , 1381px 939px #FFF , 787px 967px #FFF , 1765px 1289px #FFF , 1087px 239px #FFF , 771px 253px #FFF , 1043px 1909px #FFF , 1097px 1233px #FFF , 1544px 1970px #FFF , 559px 1152px #FFF , 598px 1158px #FFF , 218px 175px #FFF , 897px 1471px #FFF , 361px 490px #FFF , 599px 689px #FFF , 1970px 839px #FFF , 1819px 591px #FFF , 443px 819px #FFF , 1587px 559px #FFF , 1262px 774px #FFF , 206px 462px #FFF , 1049px 1665px #FFF , 388px 364px #FFF , 1868px 568px #FFF , 1073px 1525px #FFF , 1270px 509px #FFF , 157px 1176px #FFF , 575px 1679px #FFF , 706px 471px #FFF , 140px 900px #FFF , 306px 899px #FFF , 464px 1647px #FFF , 918px 1545px #FFF , 617px 1928px #FFF , 598px 1369px #FFF , 1085px 1712px #FFF , 1595px 48px #FFF , 1483px 1526px #FFF , 255px 55px #FFF , 176px 1281px #FFF , 307px 756px #FFF , 1751px 476px #FFF , 274px 1998px #FFF , 1331px 20px #FFF , 1937px 905px #FFF , 1309px 478px #FFF , 1775px 1742px #FFF , 778px 523px #FFF , 408px 1604px #FFF , 1171px 1518px #FFF , 1627px 1248px #FFF , 2000px 1378px #FFF , 626px 380px #FFF , 220px 611px #FFF , 29px 209px #FFF , 619px 1910px #FFF , 1339px 1355px #FFF;
  }
  
  #stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1878px 1004px #FFF , 1953px 873px #FFF , 1974px 54px #FFF , 987px 1527px #FFF , 1429px 672px #FFF , 765px 1097px #FFF , 288px 1447px #FFF , 981px 749px #FFF , 855px 209px #FFF , 257px 839px #FFF , 224px 513px #FFF , 906px 1352px #FFF , 1255px 1070px #FFF , 1964px 361px #FFF , 1424px 1236px #FFF , 1816px 719px #FFF , 1449px 1546px #FFF , 1899px 1408px #FFF , 1672px 781px #FFF , 65px 1957px #FFF , 56px 694px #FFF , 1668px 971px #FFF , 1900px 1097px #FFF , 544px 546px #FFF , 398px 1801px #FFF , 1256px 1332px #FFF , 690px 907px #FFF , 1342px 603px #FFF , 1035px 1161px #FFF , 258px 1526px #FFF , 1665px 153px #FFF , 351px 980px #FFF , 489px 1607px #FFF , 1580px 22px #FFF , 1260px 1248px #FFF , 1950px 1826px #FFF , 1840px 424px #FFF , 1678px 35px #FFF , 1467px 444px #FFF , 107px 887px #FFF , 571px 585px #FFF , 650px 231px #FFF , 282px 1652px #FFF , 667px 790px #FFF , 668px 1147px #FFF , 43px 557px #FFF , 602px 1047px #FFF , 301px 1365px #FFF , 379px 1350px #FFF , 472px 715px #FFF , 214px 46px #FFF , 606px 1134px #FFF , 116px 1092px #FFF , 914px 1637px #FFF , 780px 881px #FFF , 1517px 512px #FFF , 447px 907px #FFF , 1148px 1722px #FFF , 384px 1442px #FFF , 1365px 1161px #FFF , 1509px 715px #FFF , 1424px 1638px #FFF , 1329px 79px #FFF , 736px 257px #FFF , 1193px 318px #FFF , 623px 1276px #FFF , 279px 1600px #FFF , 627px 1552px #FFF , 964px 726px #FFF , 969px 548px #FFF , 1647px 277px #FFF , 1128px 110px #FFF , 240px 1095px #FFF , 946px 1826px #FFF , 972px 178px #FFF , 955px 1132px #FFF , 5px 1738px #FFF , 106px 1793px #FFF , 1381px 42px #FFF , 1492px 923px #FFF , 226px 1828px #FFF , 614px 1278px #FFF , 1253px 221px #FFF , 1321px 899px #FFF , 1675px 1433px #FFF , 911px 1739px #FFF , 1969px 1876px #FFF , 1620px 1088px #FFF , 406px 1643px #FFF , 1386px 1892px #FFF , 780px 280px #FFF , 1px 890px #FFF , 406px 681px #FFF , 982px 506px #FFF , 1876px 47px #FFF , 1934px 1611px #FFF , 1528px 1541px #FFF , 673px 477px #FFF , 1358px 183px #FFF , 1059px 118px #FFF;
    animation: animStar 150s linear infinite;
  }
  #stars3:after {
    content: " ";
    position: absolute;
    top: 200px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1878px 1004px #FFF, 1953px 873px #FFF , 1974px 54px #FFF , 987px 1527px #FFF , 1429px 672px #FFF , 765px 1097px #FFF , 288px 1447px #FFF , 981px 749px #FFF , 855px 209px #FFF , 257px 839px #FFF , 224px 513px #FFF , 906px 1352px #FFF , 1255px 1070px #FFF , 1964px 361px #FFF , 1424px 1236px #FFF , 1816px 719px #FFF , 1449px 1546px #FFF , 1899px 1408px #FFF , 1672px 781px #FFF , 65px 1957px #FFF , 56px 694px #FFF , 1668px 971px #FFF , 1900px 1097px #FFF , 544px 546px #FFF , 398px 1801px #FFF , 1256px 1332px #FFF , 690px 907px #FFF , 1342px 603px #FFF , 1035px 1161px #FFF , 258px 1526px #FFF , 1665px 153px #FFF , 351px 980px #FFF , 489px 1607px #FFF , 1580px 22px #FFF , 1260px 1248px #FFF , 1950px 1826px #FFF , 1840px 424px #FFF , 1678px 35px #FFF , 1467px 444px #FFF , 107px 887px #FFF , 571px 585px #FFF , 650px 231px #FFF , 282px 1652px #FFF , 667px 790px #FFF , 668px 1147px #FFF , 43px 557px #FFF , 602px 1047px #FFF , 301px 1365px #FFF , 379px 1350px #FFF , 472px 715px #FFF , 214px 46px #FFF , 606px 1134px #FFF , 116px 1092px #FFF , 914px 1637px #FFF , 780px 881px #FFF , 1517px 512px #FFF , 447px 907px #FFF , 1148px 1722px #FFF , 384px 1442px #FFF , 1365px 1161px #FFF , 1509px 715px #FFF , 1424px 1638px #FFF , 1329px 79px #FFF , 736px 257px #FFF , 1193px 318px #FFF , 623px 1276px #FFF , 279px 1600px #FFF , 627px 1552px #FFF , 964px 726px #FFF , 969px 548px #FFF , 1647px 277px #FFF , 1128px 110px #FFF , 240px 1095px #FFF , 946px 1826px #FFF , 972px 178px #FFF , 955px 1132px #FFF , 5px 1738px #FFF , 106px 1793px #FFF , 1381px 42px #FFF , 1492px 923px #FFF , 226px 1828px #FFF , 614px 1278px #FFF , 1253px 221px #FFF , 1321px 899px #FFF , 1675px 1433px #FFF , 911px 1739px #FFF , 1969px 1876px #FFF , 1620px 1088px #FFF , 406px 1643px #FFF , 1386px 1892px #FFF , 780px 280px #FFF , 1px 890px #FFF , 406px 681px #FFF , 982px 506px #FFF , 1876px 47px #FFF , 1934px 1611px #FFF , 1528px 1541px #FFF , 673px 477px #FFF , 1358px 183px #FFF , 1059px 118px #FFF;
  }
  
  
  
  @keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
  }




































  























  








  .logo {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.4rem;
  }
  
  .her{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0.4rem;
    letter-spacing: 2px;
    filter: drop-shadow(0 1px 2px);
  }
  
  .hero {
    font-size: clamp(20px, 5vw, 50px);
    width:fit-content ;
    line-height: 1;
    display: inline-block;
    color: #fff;
    z-index: 2;
    letter-spacing: 10px;
  
    /* Bright things in dark environments usually cast that light, giving off a glow */
    filter: drop-shadow(0 1px 3px);
  }
  
  .layers {
    position: relative;
  }
  
  .layers::before,
  .layers::after {
    content: attr(data-text);
    position: absolute;
    width:fit-content;
    z-index: -1;
  }
  
  .layers::before {
    top: 2px;
    left: 2px;
    color: tomato;
  }
  
  .layers::after {
    top: 1px;
    left: -1px;
    color: #1bc7fb;
  }
  
  
  .paths {
    animation: paths 5s step-end infinite;
  }
  
  @keyframes paths {
    0% {
      clip-path: polygon(
        0% 43%,
        83% 43%,
        83% 22%,
        23% 22%,
        23% 24%,
        91% 24%,
        91% 26%,
        18% 26%,
        18% 83%,
        29% 83%,
        29% 17%,
        41% 17%,
        41% 39%,
        18% 39%,
        18% 82%,
        54% 82%,
        54% 88%,
        19% 88%,
        19% 4%,
        39% 4%,
        39% 14%,
        76% 14%,
        76% 52%,
        23% 52%,
        23% 35%,
        19% 35%,
        19% 8%,
        36% 8%,
        36% 31%,
        73% 31%,
        73% 16%,
        1% 16%,
        1% 56%,
        50% 56%,
        50% 8%
      );
    }
  
    5% {
      clip-path: polygon(
        0% 29%,
        44% 29%,
        44% 83%,
        94% 83%,
        94% 56%,
        11% 56%,
        11% 64%,
        94% 64%,
        94% 70%,
        88% 70%,
        88% 32%,
        18% 32%,
        18% 96%,
        10% 96%,
        10% 62%,
        9% 62%,
        9% 84%,
        68% 84%,
        68% 50%,
        52% 50%,
        52% 55%,
        35% 55%,
        35% 87%,
        25% 87%,
        25% 39%,
        15% 39%,
        15% 88%,
        52% 88%
      );
    }
  
    30% {
      clip-path: polygon(
        0% 53%,
        93% 53%,
        93% 62%,
        68% 62%,
        68% 37%,
        97% 37%,
        97% 89%,
        13% 89%,
        13% 45%,
        51% 45%,
        51% 88%,
        17% 88%,
        17% 54%,
        81% 54%,
        81% 75%,
        79% 75%,
        79% 76%,
        38% 76%,
        38% 28%,
        61% 28%,
        61% 12%,
        55% 12%,
        55% 62%,
        68% 62%,
        68% 51%,
        0% 51%,
        0% 92%,
        63% 92%,
        63% 4%,
        65% 4%
      );
    }
  
    45% {
      clip-path: polygon(
        0% 33%,
        2% 33%,
        2% 69%,
        58% 69%,
        58% 94%,
        55% 94%,
        55% 25%,
        33% 25%,
        33% 85%,
        16% 85%,
        16% 19%,
        5% 19%,
        5% 20%,
        79% 20%,
        79% 96%,
        93% 96%,
        93% 50%,
        5% 50%,
        5% 74%,
        55% 74%,
        55% 57%,
        96% 57%,
        96% 59%,
        87% 59%,
        87% 65%,
        82% 65%,
        82% 39%,
        63% 39%,
        63% 92%,
        4% 92%,
        4% 36%,
        24% 36%,
        24% 70%,
        1% 70%,
        1% 43%,
        15% 43%,
        15% 28%,
        23% 28%,
        23% 71%,
        90% 71%,
        90% 86%,
        97% 86%,
        97% 1%,
        60% 1%,
        60% 67%,
        71% 67%,
        71% 91%,
        17% 91%,
        17% 14%,
        39% 14%,
        39% 30%,
        58% 30%,
        58% 11%,
        52% 11%,
        52% 83%,
        68% 83%
      );
    }
  
    76% {
      clip-path: polygon(
        0% 26%,
        15% 26%,
        15% 73%,
        72% 73%,
        72% 70%,
        77% 70%,
        77% 75%,
        8% 75%,
        8% 42%,
        4% 42%,
        4% 61%,
        17% 61%,
        17% 12%,
        26% 12%,
        26% 63%,
        73% 63%,
        73% 43%,
        90% 43%,
        90% 67%,
        50% 67%,
        50% 41%,
        42% 41%,
        42% 46%,
        50% 46%,
        50% 84%,
        96% 84%,
        96% 78%,
        49% 78%,
        49% 25%,
        63% 25%,
        63% 14%
      );
    }
  
    90% {
      clip-path: polygon(
        0% 41%,
        13% 41%,
        13% 6%,
        87% 6%,
        87% 93%,
        10% 93%,
        10% 13%,
        89% 13%,
        89% 6%,
        3% 6%,
        3% 8%,
        16% 8%,
        16% 79%,
        0% 79%,
        0% 99%,
        92% 99%,
        92% 90%,
        5% 90%,
        5% 60%,
        0% 60%,
        0% 48%,
        89% 48%,
        89% 13%,
        80% 13%,
        80% 43%,
        95% 43%,
        95% 19%,
        80% 19%,
        80% 85%,
        38% 85%,
        38% 62%
      );
    }
  
    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
      clip-path: none;
    }
  }