.curvedbackg{background: radial-gradient(ellipse 62% 100% at center top, #ff2233 56%, #ff0000 56%);}
.twentyone{transform: skewY(-3.6deg); z-index: 6;}
#toin{background: repeating-linear-gradient(
  -49deg,
  rgb(250,0,0),
  rgb(250,0,0) 17px,
  rgba(250,69,80,0.96) 17.5px,
  rgba(250,69,80,0.96) 20.5px,
  rgba(250,69,80,0.96) 21px);
  background-size: 200% auto;
}

.votebutton{background: 
  repeating-linear-gradient(
    -49deg,
    rgba(0, 0, 0, 0),  /* Transparent */
    rgba(0, 0, 0, 0) 20px,
    rgba(139, 40, 80, 0.94) 20.5px,  /* Light white stripe */
    rgba(139, 40, 80, 0.94) 23.5px,
    rgba(0, 0, 0, 0) 24px  /* Transparent again */
  ),
  repeating-linear-gradient(
    49deg,
    rgba(0, 0, 0, 0),  /* Transparent */
    rgba(0, 0, 0, 0) 20px,
    rgba(139, 40, 80, 0.94) 20.5px,  /* Light white stripe */
    rgba(139, 40, 80, 0.94) 23.5px,
    rgba(0, 0, 0, 0) 24px  /* Transparent again */
  ),
  rgb(139, 0, 0); /* Solid dark red background */

background-size: 200% auto;}

.historybutton{transform: skewX(-18deg); padding-bottom: 0.25rem;}
.porttext{font-family: "ABeeZee", sans-serif;}
.zoom{transition: transform .2s; z-index: 31;}
.zoom:hover{transform: scale(1.1); z-index: 32;}
.bricklink:after {
	content:'';
  top: 0;
  left: 0rem;
	transform: translateX(100%);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	animation-name: slide;
	animation-duration: 6.5s;
	animation-delay: 1.5s;
	animation-iteration-count: infinite;
	 
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(142deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slide {
    0% {opacity: 100;}
	0% {transform:translateX(-100%);}
	4% {opacity: 100;}
	12.4% {transform:translateX(100%);}
	12.4% {opacity: 0;}
	100% {opacity: 0;}
}

.bricklinkmobile:after {
	content:'';
  top: 0;
  left: 0rem;
	transform: translateX(100%);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	animation-name: slidemobile;
	animation-duration: 6.5s;
	animation-delay: 1.5s;
	animation-iteration-count: infinite;
	 
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(142deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(142deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

/* animation */

@keyframes slidemobile {
    0% {opacity: 100;}
	0% {transform:translateX(-100%);}
	4% {opacity: 100;}
	12.4% {transform:translateX(100%);}
	12.4% {opacity: 0;}
	100% {opacity: 0;}
}

.circlesbox {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.circlelightred, .circlelightgreen, .circlelightblue, .circlelightyellow, .circlelightorange {
   position: relative;
   z-index: 1;
   width: 2.2rem;
   height: 2.2rem;
   border-radius: 50%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.circlelightred{background: radial-gradient(circle at 50% 50%, #ff5959 0%, #ff0000 100%); box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);}
.circlelightgreen {background: radial-gradient(circle at 50% 50%, #59ff59 0%, #00ff00 100%); box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);}
.circlelightblue {background: radial-gradient(circle at 50% 50%, #59a8ff 0%, #005eff 100%); box-shadow: 0 0 20px rgba(0, 0, 255, 0.5);}
.circlelightyellow {background: radial-gradient(circle at 50% 50%, #fff659 0%, #ffff00 100%); box-shadow: 0 0 20px rgba(255, 255, 0, 0.5);}
.circlelightorange {background: radial-gradient(circle at 50% 50%, #ffcc66 0%, #ff9933 100%); box-shadow: 0 0 20px rgba(255, 153, 51, 0.5), 0 0 40px rgba(255, 153, 51, 0.5);}
@media (max-width: 420px) {.circlelightred, .circlelightgreen, .circlelightblue, .circlelightyellow, .circlelightorange {
   z-index: 2;
   width: 2.150rem;
   height: 2.150rem;}}

.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;
}

.rotatelsw {transform: rotate(180deg);}

.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;}
    
.interview strong{background: #ffbb0d; padding: 10px 16px; border-radius: 2rem; color: #575757; display: inline-block;}
.interview em{background: #0852F6; border-radius: 2rem; padding: 10px 16px; display: inline-block;}

.brownback::before{content: ""; background: #F5F5F5; background-size: 200% auto; width: 100%; height: 100%; top: -2rem; padding-bottom: 2rem; position: absolute; z-index: -1;}

.brownback2{padding-top: 1rem; border-radius: 3.4rem;}
@media (max-width: 420px) {.brownback2{width: 100%; border-radius: 2.6rem; padding-top: 2rem; padding-bottom: 0.8rem}}
.brownback3{border-radius: 3.4rem;}
.brownback, .brownback2, .brownback3{background: repeating-linear-gradient(
  55deg,
  #582A12,
  #582A12 12px,
  rgba(88,42,18,0.94) 12px,
  rgba(88,42,18,0.94) 24px);
  background-size: 200% auto;
  animation: panchoco 480s linear infinite;
  will-change: background-position;
}

@keyframes panchoco {
  0% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

.interviewbuttontest.clicked .interview {
  font-family: "Open Dyslexic", sans-serif !important;
}

.interviewbuttontest .interview {
  font-family: "ABeeZee", sans-serif !important;
}
.once strong{font-family: "Bukhari Script", sans-serif !important;
    color: gold;
    font-size: 2.8rem;
    font-weight: normal;
}

@keyframes panstars {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

.bannerback{height: auto; position: relative; z-index: 3;}

.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: 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;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  z-index: 5;}
  }
  
.titlebanner{background: radial-gradient(#ff2222, #ff0000); bottom: 1.4rem; top: 0;
    border-bottom: 5px solid #ffdf00;}

.mainbg{background: #ffffff;
background-image: radial-gradient(circle at center center, #cccccc, #ffffff), repeating-radial-gradient(circle at center center, #cccccc, #cccccc, 40px, transparent 80px, transparent 40px);
background-blend-mode: multiply;}

.bouncingletters-actualletters{
  display: inline-block;
  animation-name: bounce;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0%, 20%, 100% {
    translate: 0% 0%;
  }
  
  10% {
    translate: 0% -12%;
  }
}

/* -- Cursor -- */
@keyframes blink {
  0%, 3%, 100% {
    scale: 1 1;
  }
  
  1.5% {
    scale: 1 0;
  }
}

#cursor {
  height: 2rem;
  position: fixed;
  z-index: 999999 !important;
  pointer-events: none;
  cursor: none;
  align: center;
}

#cursor > img {
  height: 100%;
  width: 100%;
}
@media (max-width: 420px){#cursor > img {display:none;}}

#cursor-eyes {
  height: 90%;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
}

.cursor-eye {
  background-color: #ffdf00;
  height: 0.48rem;
  width: 0.18rem;
  shrink: 0;
  border-radius: 1rem;
  animation: blink 10s infinite;
}

.cursor-eye-hover {
  background-color: #BA0001;
}

body{cursor: none !important;}
a,
button,
input[type="button"],
input[type="submit"],
[role="button"],
[role="link"],
[role="checkbox"],
[role="radio"],
[role="switch"],
[draggable='true']{
  cursor: none !important;
}
.slider, ._slider, .flex-container, .flex-slider, .flex-control-nav, .flex-direction-nav, .slides, .flex-viewport, .carousel, .flex-pauseplay, .flex-control-nav, .flex-control-paging, .flex-control-thumbs, .owl-carousel, .owl-stage-outer {
    cursor: none !important;}
div.pp_default, div.light_rounded, div.dark_rounded, div.dark_square, div.light_square, div.facebook {cursor: none !important;}
.owl-carousel .animated, .owl-carousel .owl-animated-in, .owl-carousel .owl-animated-out, .owl-carousel .fadeOut, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-video-play-icon {cursor: none !important;}
.lightboxOverlay, .lightbox, .lb-loader, .lb-cancel, .lb-nav, .lb-next, .lb-prev, .lb-dataContainer, .lb-data, .lb-close {cursor: none !important;}

.hidecursor{cursor: none !important;}
.royalSlider, .royalSlider .rsSlide, .royalSlider .rsContent, .royalSlider .rsArrow {cursor: none;}
.w-popup-overlay.pos_fixed.active, .w-popup-overlay, .w-popup-overlay.active, .w-popup-wrap.layout_default, .w-popup-wrap.layout_default.pos_fixed, .w-popup-box-h, .w-popup, .w-popup-box-content, .w-popup-box.animation_slideBottom.closerpos_outside.without_title.active, .w-popup-box-h,
.l-section.wpb_row.hidecursor.height_custom.width_full, .w-popup-box.animation_slideBottom.closerpos_none.with_title.active,
.w-popup-box.animation_slideBottom.closerpos_none.without_title.active, .w-popup-box.animation_slideBottom.closerpos_inside.without_title.active,
.w-popup-box.animation_slideBottom.closerpos_inside.with_title.active, .w-popup-closer, .w-popup-box.animation_slideBottom.closerpos_outside.without_title, .w-popup-box-content, .us_popup_is_opened, .has_uspopup, .loader-bg, .loader-inner{cursor: none !important;}

.logo{pointer-events: none;}
.logoscalemobile{scale: 1.1;}

.gallery3::after{content:""; left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 9999; cursor: none !important;}

weather2 {
	height:100%;
	width: 100vw;
	max-width: 1920px;
	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);}
}

@media (max-width: 420px) {weather2, .weather2stormy{visibility: hidden;}}

.lottie-sparkles-left{text-align: center; width: 100px; height: 100px; left: calc(50% - 8rem - 100px); margin-top: -40px; margin-bottom: -60px; position: absolute; z-index: 10;}
.lottie-sparkles-right{text-align: center; width: 100px; height: 100px; left: calc(50% + 8rem); margin-top: -40px; margin-bottom: -60px; position: absolute; z-index: 10;}
.lottie-glowing-star{text-align: center; width: 69px; height: 69px; left: calc(50% - 69px); margin-top: 0.1rem; position: absolute; z-index: 10;}
.lottie-snowflake{text-align: center; width: 69px; height: 69px; left: calc(50% - 69px); margin-top: 0.1rem; position: absolute; z-index: 10;}
/* @media (min-width: 420px) {.lottie-glowing-star, .lottie-snowflake{visibility: hidden;}} */

@media (max-width: 420px) {
  #widthadjustment {
    font-size: 360% !important;}
    #gobackup {
    font-size: 360% !important;}
    #widthadjustmentyes {
    font-size: 2.4rem !important;}
    #credits {
    font-size: 1rem !important;}
    #toin {
    width: 11.2rem !important;
    height: 11.2rem !important;
    padding-top: 3rem !important;
    margin-top: -0.5rem !important;}
    #twentyfont21{font-size: 5rem !important;}
    #twentyfontstories{font-size: 4rem !important; margin-left: -1rem !important;}
    #infont{font-size: 2.4rem !important;}
    #flogo{width: 205% !important; margin-left: -30% !important;}
    #flagsmobile {
    width: 115% !important;}
    #3Drender {
    margin-top: -3.6rem !important;}
}
@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;} .sharing{font-size: 2.6rem !important;}
#credits {font-size: 0.9rem !important;}}
@media (max-width: 375px) {#twentyfontstories{font-size: 4rem !important; margin-left: -1.9rem !important;}}
@media (max-width: 352px) {.vpfixportfolio{left: -1rem; transform: scale(0.9)}}

.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;}}

.fairytaletitles{margin-bottom: 8rem;}
.popupmargin{margin-top: -2rem; margin-bottom: 2.2rem;}
.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; filter: contrast(100%) brightness(100%) saturate(142%);}
@media (max-width: 640px) {.audiomainstroke{-webkit-text-stroke: 1.2px #1a1a1a;}}