.modular2{text-shadow: -2px -2px 0 #333333, 2px -2px 0 #333333, -2px 2px 0 #333333, 2px 2px 0 #333333, 0 2px 0 #333333, 0 -2px 0 #333333, 2px 0 0 #333333, -2px 0 0 #333333;}
.noClick{pointer-events: none;}
.modular{text-shadow: -3px -3px 0 #333333, 3px -3px 0 #333333, -3px 3px 0 #333333, 3px 3px 0 #333333, 0 3px 0 #333333, 0 -3px 0 #333333, 3px 0 0 #333333, -3px 0 0 #333333;}
.fontfix{font-family: "Mokoto Glitch Mark 0 smooth", sans-serif;}
.madness{font-family: "Kembang", sans-serif;}
.lsw{
    align-content: flex-end;
    border: 6px solid #333333;
    outline: 9px solid #0852F6;
    background: #0A1E31;
    margin-left: auto;
    margin-right: auto;
    transition: transform 0.5s;
}
.avatar{ margin-left: auto;
    margin-right: auto;
}
.historybutton{transform: skewX(-18deg); padding-bottom: 0.25rem;}
.porttext{font-family: "Noto Sans regular", sans-serif;}

@media (max-width: 390px) {
    #avatar {
    font-size: 0.9rem !important;
    margin-left: -0.2rem !important;}
    #avatarpic {
    margin-left: -0.2rem !important;}
    .historybutton{font-size: 1.3rem !important;}
}
.zoom{transition: transform .2s; z-index: 31;}
.zoom:hover{transform: scale(1.1); z-index: 32;}
@media (max-width: 640px) {.zoompermanent{transform: scale(1.1) !important}}
@media (min-width: 641px) {
.zoommusic i {display: inline-block; transition: transform .2s ease-in-out !important; z-index: 31;}
.zoommusic:hover i {transform: scale(1.1) !important; z-index: 32;}}
.zoommusic{z-index: 32;}

.codrextextoutline{text-shadow: -2.5px -2.5px 0 #333333, 2.5px -2.5px 0 #333333, -2.5px 2.5px 0 #333333, 2.5px 2.5px 0 #333333, 0 2.5px 0 #333333, 0 -2.5px 0 #333333, 2.5px 0 0 #333333, -2.5px 0 0 #333333;}
@media (max-width: 640px) {.codrextextoutline{max-width: 96vw; text-shadow: -2px -2px 0 #333333, 2px -2px 0 #333333, -2px 2px 0 #333333, 2px 2px 0 #333333, 0 2px 0 #333333, 0 -2px 0 #333333, 2px 0 0 #333333, -2px 0 0 #333333;}}
.fontfixrockrobots{font-family: "Mokoto Glitch Mark 0 smooth", sans-serif;}

#drilltreepageshell{margin-top: 2.34rem;}
@media (max-width: 1620px) {#drilltreepageshell{margin-top: -2.64rem;}}
@media (max-width: 959px) {#drilltreepageshell{margin-top: -3.69rem;}}

.glitch-wrapper {
   position: absolute;
   left: 3%;
   top: -16%;
   background-color: transparent;
   z-index: 8;}
@media (max-width: 959px) {.glitch-wrapper{filter: brightness(95%);}}
.glitch, .glitch::before, .glitch::after{
   font-family: "Mokoto Glitch Mark 1 rough", sans-serif;
   color: #FCFEF7;
   font-size: 15.48rem;
   font-weight: 400;
   line-height: 1.2;
   text-shadow: 0 0 40px #94DD26, 0 0 50px #94DD26, 0 0 60px #94DD26, 0 0 70px #94DD26;
   -webkit-text-stroke: 4px rgba(0,240,0,0.4);
}
.glitch {
   letter-spacing: 5px;
   z-index: 8;
   animation: glow 2s ease-in-out infinite alternate;
   position: relative;}
.glitch:before {
   content: attr(data-glitch);
   position: absolute;
   top: 0;
   left: -8px;
   width: 100%;
   text-shadow: 0 0 0 transparent;
   background-color: transparent;
   overflow: visible;
   z-index: 9;
   animation: noise-before 3s infinite linear alternate-reverse;}
.glitch:after {
   content: attr(data-glitch);
   position: absolute;
   top: 0;
   left: 8px;
   width: 100%;
   text-shadow: 0 0 0 transparent;
   background-color: transparent;
   overflow: visible;
   z-index: 10;
   animation: noise-after 2s infinite linear alternate-reverse;}

.miners-wrapper{position: relative; overflow: visible; width: 98.4rem; height: 15.6rem; top: -0.8rem; left: 0; margin-left: auto; margin-right: auto;
  transform: skewX(-18deg); z-index: 11; pointer-events: none;}
  @media (max-width: 1919px) {.miners-wrapper {left: 48%; top: -2.8rem; transform: translateX(-50%) skewX(-18deg) scale(0.69); margin: 0 auto;}}
  @media (max-width: 640px) {.miners-wrapper {left: 48%; top: -2.8rem; transform: translateX(-50%) skewX(-18deg) scale(0.24); margin: 0 auto; z-index: 22;}}
 /*@media (min-width: 1921px) {.miners-wrapper {width: 1233px !important; height: 250px !important;}}
 @media (min-width: 1921px) {.glitch, .glitch::before, .glitch::after {font-size: 12.6rem !important; top: -12% !important;}}
 @media (min-width: 1921px) {.glitch-wrapper{width: 248px !important;}}
 @media (min-width: 1921px) {.minersborder, .minerstextcolor, .minersbackglow, .minersfrontglow, .minerstextcolorinline{font-size: 12.6rem !important;}}
   */

.minersbackgroundborder{position: absolute; z-index: -1;
left: 1.25%;
width: 102.5%;
height: 110%;
border-radius: 2rem;
background: repeating-linear-gradient(
  -40deg,
  rgba(242,205,55, 1),
  rgba(242,205,55, 1) 30px,
  rgba(33,33,33, 1) 32px,
  rgba(33,33,33, 1) 60px,
  rgba(242,205,55, 1) 62px);
  box-shadow: inset 0 0 1.69rem 0.32rem #1a1a1a, inset 0 0 0 2px #000000, -0.3rem 0.2rem 0 0 #1a1a1a, -0.3rem 0 0 0 #1a1a1a, 0 0.2rem 0 0 #1a1a1a,
  -0.4rem 0.3rem 0 0 #000000, -0.4rem 0 0 0 #000000, 0 0.3rem 0 0 #000000;
  -webkit-box-stroke: 2px #000000;
  filter: contrast(118%) brightness(128%) saturate(196%)
}
  
.minersbackground {position: absolute; z-index: 1;
width: 100%;
height: 100%;
border-radius: 2rem;
box-shadow: inset 0 0 0 6px #1A1A1A, inset 0 0 14px 14px #1A1A1A;
background: repeating-linear-gradient(
  -75deg,
  rgba(186,0,1, 0.99),
  rgba(186,0,1, 0.99) 60px,
  rgba(192,225,0,0.96) 62px,
  rgba(192,155,0,0.96) 120px,
  rgba(186,0,1, 0.99) 122px);
top: 55%;
left: 52.5%;
transform: translate(-50%, -50%);
filter: contrast(100%) brightness(96%) saturate(128%);
-webkit-box-stroke: 2px #000000;
}

/*NOT PART OF THE LOGO */.exominersbottomborder{background-image: repeating-linear-gradient(-40deg, rgba(242,205,55, 1), rgba(242,205,55, 1) 30px, rgba(33,33,33, 1) 32px, rgba(33,33,33, 1) 60px, rgba(242,205,55, 1) 62px);
box-shadow: inset 0 0 12px #3a3a3a; filter: contrast(100%) brightness(106%) saturate(122%);
}

.minerssvg{ position: absolute; z-index: 2;
width: 102.5%;
height: 110%;
border-radius: 2rem;
background: url("https://www.cheflaboratories.com/wp-content/uploads/2024/01/scratchbackgroundpublicdomain.svg") center center no-repeat;
background-size: 569% 569%;
background-position: center;
filter: invert(41%) sepia(99%) /* saturate(1947%) */ saturate(2440%) hue-rotate(355deg) brightness(94%) contrast(96%) blur(1px);
top: 55%;
left: 52.5%;
transform: translate(-50%, -50%);
background-clip: content-box;
animation: bg-animationminerssvg 18s ease-in-out infinite alternate;}
@keyframes bg-animationminerssvg {
  0% {background-position: 50% 50%}
  100% {background-position: 52% 50%}}
 
.minersborder, .minerstextcolor, .minersbackglow, .minersfrontglow, .minerstextcolorinline{position: absolute; 
   font-family: "Cooper Hewitt Heavy", sans-serif;
   font-style: normal;
   font-size: 15.48rem;
   font-weight: 400;
   line-height: 1.2;
   letter-spacing: -1.056rem;
   height: 100%;
   width: 110%;
   top: 0;
   left: 48%;}
@media (max-width: 959px){.minersborder, .minerstextcolor, .minersbackglow, .minersfrontglow, .minerstextcolorinline{top: 1.5rem; filter: brightness(110%);}}
   
.trademarkonlogo{
    color: rgb(186,0,1);
    color: rgba(186,0,1, 0.99);
    font-family: "Cooper Hewitt Heavy", sans-serif;
    font-size: 0.828rem;
    top: 12.9%;
    left: 100.5%;
    position: absolute;
    z-index: 12;}
    
.cheflabslogo{
    color: #FFDF00;
    font-family: "Voya Nui", sans-serif;
    font-size: 1.52rem;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 2px;
    -webkit-text-stroke-width: 1.2px;
    -webkit-text-stroke-color: #FFC000;
    -webkit-text-stroke-color:rgba(255,160,69,1);
    top: 0.71rem;
    left: 4%;
    position: absolute;
    z-index: 12;}
.exooutlinecheflabslogo{text-shadow: -1.8px -1.8px 0 #000000,
1.8px -1.8px 0 #000000, -1.8px 1.8px 0 #000000, 1.8px 1.8px 0 #000000,
0 1.8px 0 #000000, 0 1.8px 0 #000000, 1.8px 0 0 #000000, -1.8px 0 0 #000000;}

@media (max-width: 640px) {.cheflabslogo{font-size: 3.6rem; top: -0.29rem; left: 3.73%; -webkit-text-stroke-width: 2.5px;}
.exooutlinecheflabslogo{text-shadow: -3px -3px 0 #000000, 3px -3px 0 #000000, -3px 3px 0 #000000, 3px 3px 0 #000000,
0 3px 0 #000000, 0 3px 0 #000000, 3px 0 0 #000000, -3px 0 0 #000000;}}

.minerstextcolorinline{background: url("https://www.cheflaboratories.com/wp-content/uploads/2024/01/scratchbackgroundpublicdomain.svg");
color: transparent; opacity: 0.42; background-size: 300% 300%; background-position: 63.3% 50%; -webkit-background-clip: text; z-index: 5;}
   
.minerstextcolor{z-index: 4;
  background-image: linear-gradient(319deg, orange 0%, rgb(186,0,1) 25%, #ff0016 45%, rgb(186,0,1) 75%, #ff0016 100%);
   color: transparent;
   -webkit-background-clip:text;
   text-shadow: inset 0 0 1.5rem 0.36rem #1a1a1a;
   filter: contrast(100%) brightness(108%) saturate(100%);
}

.minersborder{ z-index: 3;
  color: #eee;
  /* OLD  background-image: linear-gradient(#FFDC5D 0%, #FFD700 20%, #C5A300 50%, #B8860B 77%, rgba(192, 192, 192, 1) 92%, rgba(255, 205, 205, 0.8) 100%); */
  background-image: linear-gradient(#FFD900 0%, #C5A300 20%, #C5A300 50%, #B8860B 77%, rgba(192, 192, 192, 1) 92%, rgba(255, 205, 205, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 1.1rem transparent;
  filter: contrast(100%) brightness(105%) saturate(144%);
}
  
@media (max-width: 959px) {.minersborder{background-image: linear-gradient(#FFDC5D 0%, #FFD700 20%, #C5A300 50%, #B8860B 70%, rgba(192, 192, 192, 1) 85%, rgba(255, 205, 205, 0.8) 100%);}}
  
.minersfrontglow{color: transparent; background: linear-gradient(transparent 77%, rgba(245,245,245,0.6) 100%); -webkit-background-clip: text; z-index: 6;
    -webkit-text-stroke-width: 0.32rem;
  -webkit-text-stroke-color: rgba(15,15,15,0.64);}

.minersbackglow{z-index: 2; text-shadow: 0 0 40px #FF7300, 0 0 50px #FF7300, 0 0 60px #FF7300, 0 0 70px #FF7300, 0 0 80px #FF7300;}
   
/* @media (max-width: 601px) {.minersbackglow, .minersborder, .minerstextcolor, .minerstextcolorinline, .minersfrontglow{top: 5%;}} */

@keyframes noise-before {
   0% {clip: rect(61px, 9999px, 104px, 0);}
   5% {clip: rect(33px, 9999px, 288px, 0);}
   10% {clip: rect(121px, 9999px, 230px, 0);}
   15% {clip: rect(144px, 9999px, 324px, 0);}
   20% {clip: rect(62px, 9999px, 360px, 0);}
   25% {clip: rect(34px, 9999px, 84px, 0);}
   30% {clip: rect(147px, 9999px, 358px, 0);}
   35% {clip: rect(99px, 9999px, 126px, 0);}
   40% {clip: rect(188px, 9999px, 244px, 0);}
   45% {clip: rect(154px, 9999px, 28px, 0);}
   50% {clip: rect(63px, 9999px, 74px, 0);}
   55% {clip: rect(161px, 9999px, 293px, 0);}
   60% {clip: rect(109px, 9999px, 350px, 0);}
   65% {clip: rect(157px, 9999px, 176px, 0);}
   70% {clip: rect(173px, 9999px, 262px, 0);}
   75% {clip: rect(62px, 9999px, 140px, 0);}
   80% {clip: rect(24px, 9999px, 306px, 0);}
   85% {clip: rect(138px, 9999px, 80px, 0);}
   90% {clip: rect(79px, 9999px, 272px, 0);}
   95% {clip: rect(25px, 9999px, 68px, 0);}
   100% {clip: rect(173px, 9999px, 332px, 0);}
}

@keyframes noise-after {
   0% {clip: rect(26px, 9999px, 66px, 0);}
   5% {clip: rect(140px, 9999px, 396px, 0);}
   10% {clip: rect(184px, 9999px, 178px, 0);}
   15% {clip: rect(121px, 9999px, 12px, 0);}
   20% {clip: rect(181px, 9999px, 198px, 0);}
   25% {clip: rect(154px, 9999px, 266px, 0);}
   30% {clip: rect(134px, 9999px, 338px, 0);}
   35% {clip: rect(26px, 9999px, 374px, 0);}
   40% {clip: rect(147px, 9999px, 274px, 0);}
   45% {clip: rect(31px, 9999px, 104px, 0);}
   50% {clip: rect(191px, 9999px, 218px, 0);}
   55% {clip: rect(74px, 9999px, 108px, 0);}
   60% {clip: rect(145px, 9999px, 150px, 0);}
   65% {clip: rect(153px, 9999px, 396px, 0);}
   70% {clip: rect(99px, 9999px, 272px, 0);}
   75% {clip: rect(118px, 9999px, 384px, 0);}
   80% {clip: rect(1px, 9999px, 166px, 0);}
   85% {clip: rect(145px, 9999px, 196px, 0);}
   90% {clip: rect(121px, 9999px, 308px, 0);}
   95% {clip: rect(156px, 9999px, 88px, 0);}
   100% {clip: rect(67px, 9999px, 244px, 0);}
}

.outlinecheflabslogo{text-shadow: -3px -3px 0 #000000,
3px -3px 0 #000000, -3px 3px 0 #000000, 3px 3px 0 #000000,
0 3px 0 #000000, 0 -3px 0 #000000, 3px 0 0 #000000, -3px 0 0 #000000;}

.exopurchase{filter: contrast(100%) brightness(98%) saturate(116%);}
@media (min-width: 960px) {.exopurchase{transition: transform .2s; z-index: 32; -webkit-text-stroke-width: 2.5px; -webkit-text-stroke-color: rgba(21,21,21,1);}
.exopurchase:hover{transform: scale(1.22); z-index: 33;}}
@media (max-width: 959px) {.exopurchase{z-index: 32; -webkit-text-stroke-width: 1.2px; -webkit-text-stroke-color: rgba(21,21,21,1);}}

.exopurchasepadding{background-image: radial-gradient(rgb(255 255 255 / 0.6) 30%, transparent 30%), linear-gradient(-75deg, rgba(186,0,1, 0.99) 0%, rgba(186,0,1, 0.99) 20%, rgba(192,225,0,0.96) 20.4%, rgba(192,225,0,0.96) 40%, rgba(186,0,1, 0.99) 40.4%, rgba(186,0,1, 0.99) 60%, rgba(192,225,0,0.96) 60.4%, rgba(192,225,0,0.96) 80%, rgba(186,0,1, 0.99) 80.4%, rgba(186,0,1, 0.99) 100%);
    background-size: 10px 10px, cover; background-position: 0% 0%, center; background-repeat: repeat, no-repeat; animation: move-dots 50s linear infinite; transform: skew(-15deg, 0deg);}
@keyframes move-dots {0% {background-position: 0% 0%, center;} 100% {background-position: -100% 0%, center;}}
.exopurchasepadding{padding-top: 1.14rem; padding-left: 0.92rem;}
.exopurchasepadding::hover{background-size: 200% auto; animation: purchasepan 60s linear infinite; will-change: background-position;}
@keyframes purchasepan {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -100% 0%;
  }
}

@keyframes panstars {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.bannerback{background: radial-gradient(#ff2222, #ff0000); height: auto; position: relative; z-index: 3; filter: brightness(97%);}

.bannerback::before{
    content: "";
    background-image: url("https://www.cheflaboratories.com/wp-content/uploads/2024/04/StarPattern3.svg");
    background-size: 10%;
  position: absolute;
  left: 50%;
  top: 0px;
  height: 100%;
  translate: -50% 0%;
  z-index: 4;
  width: 100%;
  min-width: 1920px;
  opacity: 0.24;
  animation: panstars 180s linear infinite;
  will-change: background-position;}
  
  @media (min-width: 420px) {
.bannerback::after{
    content: "";
    background: radial-gradient(circle, transparent 70%, #ff0000);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100%;
  opacity: 0.9;
  z-index: 5;}
  }
  
@media (max-width: 390px) {
  .bannerback{top: -4rem !important;}}
  
@media (max-width: 640px) {.bannerback{filter: brightness(97%);}}
  
weather2 {
	width:100%;
	height:100%;
	z-index:6;
    pointer-events: none;}
@media (max-width: 420px) {
	weather2{margin-left: 20vw; opacity: 0.6; z-index: 2;}}
.weather2stormy{
	position: absolute;
	top:0;
	left:0;
    z-index: 6;}
.weather2stormy li{
	position: absolute;
	list-style: none;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color:#F5F5F5;
	box-shadow: 1px 1px 30px #B8B8B8;
	z-index: 6;
	animation: weather2fall 3s infinite linear ;
    opacity:0;}
.weather2stormy li:nth-child(1){top:0%; left:88%;}
.weather2stormy li:nth-child(2){top:5%; left:88%;}
.weather2stormy li:nth-child(3){top:-10%; left:80%; animation-delay: 2s;}
.weather2stormy li:nth-child(4){top:10%; left:78%; animation-delay: 2s;}
.weather2stormy li:nth-child(5){top:20%; left:80%; animation-delay: 0.5s;}
.weather2stormy li:nth-child(6){top:5%; left:75%; animation-delay: 0.5s;}
.weather2stormy li:nth-child(7){top:23%; left:60%; animation-delay: 0.8s;}
.weather2stormy li:nth-child(8){top:0%; left:70%;  animation-delay: 0.8s;}
.weather2stormy li:nth-child(9){top:23%; left:69%; animation-delay: 2s;}
.weather2stormy li:nth-child(10){top:-10%; left:85%; animation-delay: 2s;}
.weather2stormy li:nth-child(11){top:30%; left:80%; animation-delay: 0.69s;}
.weather2stormy li:nth-child(12){top:5%; left:80%; animation-delay: 1s;}
.weather2stormy li:nth-child(13){top:20%; left:80%; animation-delay: 1.5s;}
.weather2stormy li:nth-child(14){top:20%; left:85%; animation-delay: 1s;}
.weather2stormy li:nth-child(15){top:8%; left:60%; animation-delay: 0.2s;}
.weather2stormy li:nth-child(16){top:25%; left:55%; animation-delay: 1.2s;}
.weather2stormy li:nth-child(17){top:15%; left:65%; animation-delay: 1s;}
.weather2stormy li:nth-child(18){top:15%; left:60%; animation-delay: 2s;}
.weather2stormy li:nth-child(19){top:-10%; left:69%; animation-delay: 0.6s;}
.weather2stormy li:nth-child(20){top:-5%; left:58%; animation-delay: 1.5s;}
.weather2stormy li:nth-child(21){top:-10%; left:75%; animation-delay: 1s;}
.weather2stormy li:nth-child(22){top:-3%; left:70%; animation-delay: 2s;}
.weather2stormy li:nth-child(23){top:0%; left:58%; animation-delay: 0.2s;}
.weather2stormy li:nth-child(24){top:12%; left:52%; animation-delay: 2s;}
.weather2stormy li:nth-child(25){top:-10%; left:68%; animation-delay: 0.2s;}
.weather2stormy li:nth-child(26){top:13%; left:55%; animation-delay: 0.8s;}
.weather2stormy li:nth-child(27){top:-10%; left:64%; animation-delay: 2s;}
.weather2stormy li:nth-child(28){top:5%; left:60%; animation-delay: 2s;}
.weather2stormy li:nth-child(29){top:-5%; left:80%; animation-delay: 1s;}
.weather2stormy li:nth-child(30){top:-5%; left:70%; animation-delay: 0s;}
.weather2stormy li:nth-child(31){top:-10%; left:65%; animation-delay: 1s;}
.weather2stormy li:nth-child(32){top:-5%; left:60%; animation-delay: 0s;}
@keyframes weather2fall {
10% {opacity:0.8;}
50% {opacity:1; transform: translate(-35px,55px);}
100% {transform: translate(-69px,100px);}
}

.titlesstroke{text-shadow: 3px 3px 0 #333333, -1.2px -1.2px 0 #1a1a1a, 1.2px -1.2px 0 #1a1a1a, -1.2px 1.2px 0 #1a1a1a, 1.2px 1.2px 0 #1a1a1a, 0 1.2px 0 #1a1a1a, 0 -1.2px 0 #1a1a1a, 1.2px 0 0 #1a1a1a, -1.2px 0 0 #1a1a1a;}

.fairytalesmain{background: repeating-linear-gradient(
  -49deg,
  rgb(255,0,0),
  rgb(255,0,0) 14px,
  rgba(250,79,90,0.99) 14.5px,
  rgba(250,79,90,0.99) 17.5px,
  rgba(250,79,90,0.99) 18px);
  background-size: 200% auto;
filter: contrast(100%) brightness(100%) saturate(142%);}

.logolighting{
   background: radial-gradient(circle, rgba(255,120,120,0.3) 0%, rgba(255,120,120,0.2) 45%, rgba(255,120,120,0.09) 50%, rgba(255,120,120,0) 64%, rgba(255,120,120,0) 100%);
   position: absolute;
   left: calc(50% - 6rem);
   top: 0;
   z-index: 10;
   width: 22rem;
   height: 34rem;
   border-radius: 50%;
   background-clip: padding-box;
   pointer-events: none;
   transform: rotate(340deg);}
   /*animation: logolightanim 9s infinite linear;}
   
   @keyframes logolightanim {
       0% {transform: rotate(320deg);}
       25%{transform: rotate(5deg);}
       50% {transform: rotate(140deg);}
       75% {transform: rotate(230deg);}
       100% {transform: rotate(360deg);}}*/

.timevortex {
height: 80vh;
width: 100vw;
margin-left: auto;
margin-right: auto;
top: 0;
position: absolute;
overflow: visible;
z-index: 0;
}

/* #timevortex.clickable{
	cursor: pointer;
}  */


.cheflabslogoartakha{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFC000;
}

#audiofairytales:hover, #audioartakha:hover{color: #FFC000 !important;}
#audioexominers:hover{color: rgba(0,189,0,0.99) !important;}

.hand {-webkit-text-stroke: 2px #1a1a1a;}
.slide-right {-webkit-animation: slide-right 2s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite alternate both; animation: slide-right 2s cubic-bezier(0.785, 0.135, 0.150, 0.860) infinite alternate both;}
@-webkit-keyframes slide-right {
0%{-webkit-transform: translateX(0); transform: translateX(0);}
100%{-webkit-transform: translateX(100px); transform: translateX(100px);}}
@keyframes slide-right {
0%{-webkit-transform: translateX(0); transform: translateX(0);}
100%{-webkit-transform: translateX(100px); transform: translateX(100px);}}

.cursorgrab{cursor: -webkit-grab; cursor:-moz-grab;}
.cursorgrab:active{cursor: -webkit-grabbing; cursor:-moz-grabbing;}
.cursorarrow{cursor: auto;}

@media (max-width: 400px) {.exovpfixtextbro{margin-top: 1.5rem;} .exovpfixtextrock{font-size: 1.3rem !important;} .exovpfixtextwhatis{font-size: 1.45rem !important;} .vpfixartakhalogo{top: 0.8rem;} .vpfixclartakha{top: 0.5rem !important;} .exovpfixlogo{margin-top: 3.2rem !important; transform: scale(0.86); z-index: 32 !important;} .exovpcolumnfix{margin-top: -4rem !important}}
@media (max-width: 352px) {.vpfixportfolio{left: -1rem; transform: scale(0.9)} .vpfixartakhalogo{top: 1.1rem;} .vpfixclartakha{margin-left: -0.15rem; left: 0;} .exovpfixtextbro{font-size: 1.3rem !important; margin-top: 3rem;} .exovpfixtextrock{font-size: 1.1rem !important;} .exovpfixtextwhatis{font-size: 1.3rem !important;} .exovpfixlogo{margin-top: 2.84rem !important; transform: scale(0.76); z-index: 32 !important;} .exovpcolumnfix{margin-top: -4rem !important}}

.w-popup-closer:focus {outline: none !important;}
.w-popup-closer, .usof-popup-close{width: 4rem !important; height: 4rem !important; display: flex !important; align-items: center !important; justify-content: center !important; position: fixed !important; left: 50% !important; transform: translateX(-50%) scale(1.3) !important; transform-origin: center top !important; margin-top: 80vh !important; border-radius: 50% !important; box-shadow: inset 0 0 0 2px #1a1a1a, inset 0 0 0 7px #f5f5f5, inset 0 0 0 9px #1a1a1a !important; -webkit-text-stroke-width: 2px !important; -webkit-text-stroke-color: #1a1a1a !important; mix-blend-mode: normal !important;}
@media (max-width: 640px) {.w-popup-closer, .usof-popup-close{width: 4rem !important; height: 4rem !important; margin-top: 82vh !important; border: 5px solid #F5F5F5 !important; box-shadow: inset 0 0 0 2px #1a1a1a, 0 0 0 2px #1a1a1a !important; transform: translateX(-50%) scale(1) !important;}}