a{color:black;text-decoration:grey wavy underline;}
a:visited{color:black;text-decoration:grey wavy underline;}
.shake {max-height:42vw;max-width:42vw;font-size:40vw;cursor:grab;display:inline-block;transform-origin:center center;width:201px;height:201px;background:#E8E3D1;margin-left:12px;margin-right:12px;}@keyframes shake {2%{transform:translate(0, 0) rotate(0.5deg)}4%{transform:translate(0, 0) rotate(-4.5deg)}6%{transform:translate(0, 0) rotate(7.5deg)}8%{transform:translate(0, 0) rotate(-2.5deg)}10%{transform:translate(0, 0) rotate(0.5deg)}12%{transform:translate(0, 0) rotate(3.5deg)}14%{transform:translate(0, 0) rotate(5.5deg)}16%{transform:translate(0, 0) rotate(1.5deg)}18%{transform:translate(0, 0) rotate(4.5deg)}20%{transform:translate(0, 0) rotate(4.5deg)}22%{transform:translate(0, 0) rotate(-6.5deg)}24%{transform:translate(0, 0) rotate(5.5deg)}26%{transform:translate(0, 0) rotate(5.5deg)}28%{transform:translate(0, 0) rotate(-4.5deg)}30%{transform:translate(0, 0) rotate(6.5deg)}32%{transform:translate(0, 0) rotate(-0.5deg)}34%{transform:translate(0, 0) rotate(-2.5deg)}36%{transform:translate(0, 0) rotate(0.5deg)}38%{transform:translate(0, 0) rotate(2.5deg)}40%{transform:translate(0, 0) rotate(-3.5deg)}42%{transform:translate(0, 0) rotate(6.5deg)}44%{transform:translate(0, 0) rotate(1.5deg)}46%{transform:translate(0, 0) rotate(2.5deg)}48%{transform:translate(0, 0) rotate(-5.5deg)}50%{transform:translate(0, 0) rotate(-4.5deg)}52%{transform:translate(0, 0) rotate(0.5deg)}54%{transform:translate(0, 0) rotate(6.5deg)}56%{transform:translate(0, 0) rotate(6.5deg)}58%{transform:translate(0, 0) rotate(3.5deg)}60%{transform:translate(0, 0) rotate(-1.5deg)}62%{transform:translate(0, 0) rotate(-2.5deg)}64%{transform:translate(0, 0) rotate(1.5deg)}66%{transform:translate(0, 0) rotate(-1.5deg)}68%{transform:translate(0, 0) rotate(-3.5deg)}70%{transform:translate(0, 0) rotate(3.5deg)}72%{transform:translate(0, 0) rotate(0.5deg)}74%{transform:translate(0, 0) rotate(4.5deg)}76%{transform:translate(0, 0) rotate(2.5deg)}78%{transform:translate(0, 0) rotate(5.5deg)}80%{transform:translate(0, 0) rotate(4.5deg)}82%{transform:translate(0, 0) rotate(-0.5deg)}84%{transform:translate(0, 0) rotate(-5.5deg)}86%{transform:translate(0, 0) rotate(-0.5deg)}88%{transform:translate(0, 0) rotate(0.5deg)}90%{transform:translate(0, 0) rotate(3.5deg)}92%{transform:translate(0, 0) rotate(-3.5deg)}94%{transform:translate(0, 0) rotate(7.5deg)}96%{transform:translate(0, 0) rotate(2.5deg)}98%{transform:translate(0, 0) rotate(3.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake {animation:shake 1600ms ease-in-out 1}
.shake-rot{max-height:42vw;max-width:42vw;font-size:40vw;cursor:grab;display:inline-block;transform-origin:center center;width:201px;height:201px;background:#E8E3D1;margin-left:12px;margin-right:12px;}@keyframes shake-rot{2%{transform:translate(0, 0) rotate(-0.7deg)}4%{transform:translate(0, 0) rotate(-2.5deg)}6%{transform:translate(0, 0) rotate(3.5deg)}8%{transform:translate(0, 0) rotate(7.5deg)}10%{transform:translate(0, 0) rotate(1.5deg)}12%{transform:translate(0, 0) rotate(6.5deg)}14%{transform:translate(0, 0) rotate(-2.5deg)}16%{transform:translate(0, 0) rotate(2.5deg)}18%{transform:translate(0, 0) rotate(7.5deg)}20%{transform:translate(0, 0) rotate(-0.5deg)}22%{transform:translate(0, 0) rotate(6.5deg)}24%{transform:translate(0, 0) rotate(6.5deg)}26%{transform:translate(0, 0) rotate(-3.5deg)}28%{transform:translate(0, 0) rotate(3.5deg)}30%{transform:translate(0, 0) rotate(-1.5deg)}32%{transform:translate(0, 0) rotate(0.5deg)}34%{transform:translate(0, 0) rotate(4.5deg)}36%{transform:translate(0, 0) rotate(4.5deg)}38%{transform:translate(0, 0) rotate(-1.5deg)}40%{transform:translate(0, 0) rotate(-7.5deg)}42%{transform:translate(0, 0) rotate(5.5deg)}44%{transform:translate(0, 0) rotate(4.5deg)}46%{transform:translate(0, 0) rotate(7.5deg)}48%{transform:translate(0, 0) rotate(-2.5deg)}50%{transform:translate(0, 0) rotate(3.5deg)}52%{transform:translate(0, 0) rotate(7.5deg)}54%{transform:translate(0, 0) rotate(-2.5deg)}56%{transform:translate(0, 0) rotate(4.5deg)}58%{transform:translate(0, 0) rotate(-4.5deg)}60%{transform:translate(0, 0) rotate(-1.5deg)}62%{transform:translate(0, 0) rotate(-5.5deg)}64%{transform:translate(0, 0) rotate(0.5deg)}66%{transform:translate(0, 0) rotate(5.5deg)}68%{transform:translate(0, 0) rotate(5.5deg)}70%{transform:translate(0, 0) rotate(7.5deg)}72%{transform:translate(0, 0) rotate(-4.5deg)}74%{transform:translate(0, 0) rotate(-4.5deg)}76%{transform:translate(0, 0) rotate(-2.5deg)}78%{transform:translate(0, 0) rotate(7.5deg)}80%{transform:translate(0, 0) rotate(-3.5deg)}82%{transform:translate(0, 0) rotate(2.5deg)}84%{transform:translate(0, 0) rotate(6.5deg)}86%{transform:translate(0, 0) rotate(1.5deg)}88%{transform:translate(0, 0) rotate(1.5deg)}90%{transform:translate(0, 0) rotate(6.5deg)}92%{transform:translate(0, 0) rotate(-5.5deg)}94%{transform:translate(0, 0) rotate(-7.5deg)}96%{transform:translate(0, 0) rotate(-3.5deg)}98%{transform:translate(0, 0) rotate(-2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-rot {animation:shake-rot 1600ms ease-in-out 1}
.qqq{max-height:42vw;max-width:42vw;font-size:40vw;cursor:grabbing;display:inline-block;transform-origin:center center;width:201px;height:201px;background:#E8E3D1;margin-left:12px;margin-right:12px;margin-bottom:0px;margin-top:0px;}
body {overflow-x:hidden;background:#E8E3D1;font-family:calibri;font-size:12pt;}
h1 {vertical-align:top;display:inline-block;color:#494D56;font-family:calibri;font-style:normal;font-weight: 400;font-size:34pt;margin-top:0px;margin-bottom:0px;}
h2 {color:#083442;font-family:calibri;font-size:22pt;margin-top:20px;font-style:italic;font-weight: 400;margin-left:5px;margin-right:5px;}
button {font-size:28pt;cursor:grabbing;}
button:active {cursor:grab;}
.res {margin:0px;display:inline;visibility:hidden;border:1px dashed #E8E3D1;background:#E8E3D1;padding:5px;font-size:16pt;color:#E8E3D1;}
.menu {font-size:12pt;border:1px solid #A9ADB6;padding:5px 10px 5px 10px;}
nav {display:table;position:relative;text-align:center;font-size:12pt;border:1px solid #A9ADB6;width:98%;max-width:538px;padding:5px 3px 5px 3px;margin-top:-6px;margin-bottom:-5px;} 
nav span {display:table-cell;text-align:center;vertical-align:middle;}
.inner {display:block;width:201px;color:#083442;margin-top:0px;max-width:100%;font-size: clamp(50pt, 95pt, 190pt);text-alighn:left;}
.innerany {display:block;width:201px;margin-top:24%;color:#083442;max-width:100%;font-size:50pt;text-alight:left;}
img {cursor:grabbing;height:auto;max-width:100%;}
img:active {cursor:grab;height:auto;max-width:100%;}
.qqq {cursor:grabbing;max-height:42vw;max-width:42vw;font-size:40vw;}
.qqq:active {cursor:grab;max-height:42vw;max-width:42vw;font-size:40vw;}
.qqqp {cursor:grabbing;font-size:75pt;}
.qqqp:active {cursor:grab;font-size:75pt;}
.logo {cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:14px;'><text y='30%'>🔮</text></svg>") 12 0,wait;}
.logo:active {cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:14px;'><text y='30%'>🔮</text></svg>") 12 0,wait;}

.animate {
    transition: transform 3s ease-in;
      animation: whirlwind-animation 3s infinite linear;
    }

    @keyframes whirlwind-animation {
      0% {
        transform: rotate(0deg) scale(1) ;
        opacity: 1;
      }
      
  
      100% {
        transform: rotate(3000deg) scale(0);opacity: 0.2;
        
      }
    }

    logo {
      transform: translate(-80%, -80%);
    }
    .whirl {position: fixed;
    cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='36' height='44' viewport='0 0 100 100' style='fill:black;font-size:17px;'><text y='40%'>📍🗺️️</text></svg>") 16 0,none;
  top: 12px;  
  right: 12px;  
  z-index: 999; 
    font-size: 24px;
    transition: transform 15s ease;}
    
 .flash-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.flash-active {
  opacity: 1;
  animation: flashFade 2s ease forwards, rainbow 3s ease-in-out;
}

@keyframes flashFade {
  0% { opacity: 1; }
  100% { opacity: 0.99; }
}

@keyframes rainbow {
  0%   { background-color: blue; }
  20%  { background-color: black; }
  40%  { background-color: #00008B; }
  60%  { background-color: black; }
  80%  { background-color: #00008B; }
  85%  { background-color: red; }
  90%  { background-color: black; }
  100% { background-color: white; }
}