body, img {
	 font-size: 0 
}
 #pagecontent, body {
	 position: relative 
}
 body {
	 font-family: 'Lucida Grande', Lucida, Verdana, sans-serif;
	 font-style: normal;
	 color: #000;
	 background-image: url("https://garnold.neocities.org/images/background%20assets/mrsunbsprnklandtst.png");
	 background-position: top center;
	 background-repeat: repeat-y;
	 text-align: left;
	 width: 1004px;
	 margin: 0 auto;
	 background-color: #fff 
}
 #leftbar, h1 {
	 text-align: center 
}
 p {
	 margin-top: .1em;
	 margin-bottom: .1em 
}
 h1 {
	 font-size: 37px 
}
 pre {
	 font-family: inherit;
	 font-size: inherit;
	 color: inherit;
	 font-weight: inherit;
	 font-style: inherit;
	 text-decoration: inherit 
}
 .txtfield, button, input, textarea {
	 font-family: 'Lucida Grande', Lucida, Verdana, sans-serif 
}
 a img {
	 border: none 
}
 .txtfield {
	 border: 1px solid #4B545A;
	 font-size: 11px 
}
 .tabmenu-body ul, .tabmenu-sections {
	 font-family: "Courier New", Courier, mono;
	 color:#0B00FF;
}
 .custombul-list ul {
	 display: inline-block;
	 padding: 1rem 2rem;
	 max-width: 320px;
}
 .custombul-list ul {
	 list-style: none;
}

.iframetimecontainer {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 250px;
}

.overlayiframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; /* Places the link on top of the iframe */
  background: #00ff00; /* Makes it invisible */
}




 .custombul-list ul > li {
	 clear: left;
	 padding: .5rem 0;
}
 .custombul-list ul > li:before {
	 content: "";
	 height: 1.5rem;
	 width: 1.5rem;
	 display: block;
	 float: left;
	 margin-left: -1.5rem;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: 100%: 
}
 .custombul-list ul > li:before {
	 background: url("https://garnold.neocities.org/images/index%20page%20images/yaoibeetlesfinal.svg");
	 background-size: contain;
	 background-position: contain;
	 background-repeat: no-repeat;
	 padding: .7rem;
}
 .input_small {
	 background-color: #FFF;
	 font-size: 9px 
}
 .title {
	 font-weight: 700;
	 font-size: 11px;
	 color: #4B545A 
}
 .headline, .headline_black, .title_black, .title_blue, .title_red {
	 font-size: 12px;
	 font-weight: 700 
}
 .title_red {
	 color: #CD1200 
}
 .title_blue {
	 color: #2145DE 
}
 .title_black {
	 text-decoration: underline;
	 color: #000 
}
 .headline {
	 color: #CD1200 
}
 .headline_black {
	 color: #000 
}
 .large_headline {
	 font-weight: 700;
	 font-size: 36px;
	 color: #000 
}
 #leftbar {
	 float: left;
	 width: 130px;
	 margin-top: 10px;
	 font-weight: 700;
	 font-size: 27px 
}
 #leftbar>h1 {
	 font-size: 17px;
	 margin: 15px 0 10px;
	 line-height: .6 
}
 #leftbar>h1 span {
	 font-size: 27 
}
 #leftbar>p:nth-of-type(1) {
	 color: red;
	 font-size: 12px;
	 font-style: italic 
}
 #leftbar>a:nth-of-type(3) {
	 display: none 
}
 #leftbar ul {
	 padding: 0;
	 margin: 0 0 10px;
	 list-style: none 
}
 #leftbar li {
	 padding-left: 2px 
}
 #leftbar ul li a {
	 display: block 
}
 #leftbar .leftbar-make, #leftbar .leftbar-make:visited {
	 text-transform: uppercase;
	 color: #006 
}
 #leftbar .leftbar-model, #leftbar .leftbar-model:visited {
	 text-align: left;
	 font-size: 12px;
	 font-style: italic;
	 font-weight: 400;
	 color: #009 
}
 #leftbar .leftbar-make:active, #leftbar .leftbar-make:hover, #leftbar .leftbar-model:hover {
	 color: #CD1200 
}
 #leftbar .leftbar-letters-title {
	 font-size: 11px 
}
 #leftbar .leftbar-letters-region, #leftbar .leftbar-letters-town {
	 margin: 10px 0;
	 text-align: left;
	 font-size: 10px;
	 font-weight: 400 
}
 #pagecontent {
	 float: right;
	 width: 864px 
}
 #pagecontent .content-subtitle {
	 font-weight: 400;
	 font-size: 9px;
	 color: #9C9B9B;
	 text-align: center 
}
 #pagecontent .content-subtitle span:nth-of-type(1) {
	 font-weight: 700;
	 font-style: italic 
}
 #pagecontent .content-subtitle span:nth-of-type(2) {
	 font-weight: 700;
	 text-decoration: underline 
}
 #pagecontent .content-subtitle span:nth-of-type(3) {
	 font-style: italic 
}
 #pagecontent>img:nth-of-type(1) {
	 position: inherit;
	 margin-left: 8px 
}
 #pagecontent>img:nth-of-type(2) {
}
 .parent {
	 position: relative;
	 bottom: 40px;
	 left: 0;
}
 .cluk {
	 position: relative;
	 bottom: 5px;
	 left: 50;
	 z-index: 32;
}
 .header2 {
	 position: absolute;
	 top: -27px;
}
 .promoparent {
	 position: absolute;
	 top: 67px;
	 left: 0;
}
 .promo {
	 position: relative;
	 left: 564px;
	 bottom: -55;
}
 .promo2 {
	 position: relative;
	 left: 567px;
	 bottom: -55;
}
 .content-tagline, .content-version {
	 font-size: 9px;
	 font-style: italic;
	 top: 95px;
	 position: absolute 
}
 .content-version {
	 color: #090;
	 left: 56px 
}
 .content-tagline {
	 color: #C00;
	 left: 170px 
}
 #pagecontent>h1:nth-of-type(1) {
	 margin: 2px;
	 color: #081052;
	 font-size: 28px 
}
 .tabmenu-sections {
	 height: 77px;
	 width: 844px;
	 margin: -5px 0 0 9px;
	 padding: 0;
	 font-size: 16px 
}
 .tabmenu-sections>li {
	 padding: 0 1px;
	 display: table-cell;
	 vertical-align: bottom 
}
 .tabmenu-sections>li a, .tabmenu-sections>li a:visited {
	 color: #98d8e9 
}
 .tabmenu-sections>li a {
	 display: table;
	 padding: 10px 20px;
	 background-color: #322bf0;
	 border-radius: 10px 10px 0 0;
	 text-align: center;
	 font-weight: 700 
}
 .tabmenu-sections>li a:hover {
	 background-color: #98d8e9;
	 color: #322bf0 
}
 .tabmenu-body, .tabmenu-selected a:nth-of-type(1),color: #322bf0 .tabmenu-selected a:nth-of-type(1):hover {
	 background-color: #98d8e9 
}
 .tabmenu-body {
	 width: 844px;
	 margin: -1px 0 10px 10px;
	 padding: 10px 0 5px;
	 font-size: 21px;
	 font-weight: 700;
	 border-radius: 0 0 3px 10px 
}
 .tabmenu-body ul {
	 width: 100%;
	 margin: 0;
	 padding: 0;
	 display: inline-block 
}
 .tabmenu-body li {
	 margin: inherit;
	 padding: 5px 10px;
	 float: left 
}
 .tabmenu-body li:hover {
	 color: #33F;
	 background-color: #98d8e9 
}
 .tabmenu-body li a, .tabmenu-body li a:visited {
	 color: #000 
}
 .tabmenu-body .current-section, .tabmenu-body .current-section:hover {
	 background-color: purple;
	 text-decoration: none 
}
 .tabmenu-body .current-section a {
	 color: #FFF 
}
 .tabmenu-highlighted-section {
	 color: #ffcc73;
	 text-shadow: 1px 1px 1px #000 
}
 .tabmenu-body hr {
	 width: 844px;
	 margin-bottom: 0 
}
 .tabmenu-buttons {
	 margin: 15px;
}
 .tabmenu-buttons {
	 float: left;
	 font-style: italic; 
	 margin-left: 17px;
}
 .tabmenu-buttons p {
	 margin-left: 17px;
}
 .tabmenu-buttons span {
	 font-weight: 700;
	 font-style: normal 
}
 .tabmenu-buttons p:nth-of-type(1) {
	 width: 375px 
}
 .tabmenu-buttons p:nth-of-type(2) {
	 width: 230px 
}
 .tabmenu-buttons p:nth-of-type(3) {
	 width: 130px 
}
 .footerimage2 {
	 margin: 5px 0 0 5px 
}
 .footerimage2 {
	 width: 452px;
	 height: 60px;
	 position: relative;
	 margin-left: 392px 
}
 .footerimage2a {
	 margin: 0.16px 
}
 .footerimage2a2 {
	 margin: 0.23px 
}
 .footerimage2span {
	 font-size: 9px;
	 color: #cd1200;
	 width: 80px;
	 display: inline-block;
	 text-align: center 
}
 .truefooter {
	 font-size: 24px;
	 font-weight: 700;
	 color: #081052;
	 text-align: center 
}
 #footer img.footer-container {
	 position: relative;
	 z-index: 2 
}
 #footer img.footer-ling-mad {
	 left: 0;
	 position: absolute;
	 top: 22px;
	 z-index: 1 
}
 #footer-text {
	 text-align: center 
}
 p.footer-text {
	 font-size: 9px;
	 margin: .1em 0 
}
 .footer-link, .footer-text {
	 font-weight: 400;
	 font-size: 9px;
	 color: #4B545A 
}
 .times, .times_black {
	 font-family: Georgia, Times, serif;
	 font-weight: 400;
	 font-size: 11px 
}

a.clukrlink {
  color: #babebf; /* Your custom color */
  font-family: "Comfortaa", sans-serif;
  font-weight: 700; 
  font-size: 23.7px; 
  
}

/* Recommended: Style the states (Hover, Visited, Active) */
a.clukrlink:visited {
  color: #7c8283;
   font-family: "Comfortaa", sans-serif;
  font-weight: 700; 
  font-size: 23.7px; 
}
a.clukrlink:hover {
  color: #98d8e9;
   font-family: "Comfortaa", sans-serif;
  font-weight: 700; 
   font-size: 23.7px; 
}
a.clukrlink:active {
  color: #babebf; /* Your custom color */
   font-family: "Comfortaa", sans-serif;
  font-weight: 700; 
   font-size: 23.7px; 
}


a.clukrlink2 {
  color: #babebf; /* Your custom color */
  font-family: 'clamboni';
  font-weight: 700; 
  font-size: 42.7px; 
  
}

/* Recommended: Style the states (Hover, Visited, Active) */
a.clukrlink2:visited {
  color: #7c8283;
   font-family: 'clamboni';
  font-weight: 700; 
  font-size: 42.7px; 
}
a.clukrlink2:hover {
  color: #98d8e9;
   font-family: 'clamboni';
  font-weight: 700; 
   font-size: 42.7px; 
}
a.clukrlink2:active {
  color: #babebf; /* Your custom color */
   font-family: 'clamboni';
  font-weight: 700; 
   font-size: 42.7px; 
}


h17 {
  font-size: 27px;
}

.middleboxlaft{
  width: 187px;
  padding-right: 5px;
  margin-right: 47px;
  padding-left: 0px;
  margin-left: -17px;
  float: left;
  font-style: italic;
}

.middleboxrite{
  width: 187px;
  padding-right: 5px;
  margin-right: 15px;
  padding-left: 5px;
  margin-left: -87px;
  float: right;
  font-style: italic;
}






 a:link, a:visited {
	 text-decoration: none 
}
 a:active, a:hover {
	 color: #98d8e9 
}
 .subsidebarwe {
	 vertical-align: sub;
	/* Lowers the text below the baseline */
	 font-size: 0.75em;
	/* Makes the text smaller than the surrounding text */
	 font-family: Arial, serif;
}
 .subsidebarwelink {
	 font-size: 1.07em;
	/* Makes the text smaller */
	 vertical-align: sub;
	/* Aligns it below the baseline */
	 font-family: Arial, serif;
}
 .times {
	 color: #9C9B9B 
}
 .times_black {
	 color: #000 
}
 .id_times, .id_times_black {
	 font-family: Georgia, Times, serif;
	 font-weight: 400;
	 font-size: 9px 
}
 .id_times {
	 color: #9C9B9B 
}
 .id_times_black {
	 color: #000 
}
 .courier, .courier_black {
	 font-family: "Courier New", Courier, Times, serif;
	 font-weight: 400;
	 font-size: 11px 
}
 .courier {
	 color: #9C9B9B 
}
 .courier_black {
	 color: #000 
}
 a.nounderline:link, a.nounderline:visited {
	 color: #2145DE;
	 text-decoration: none;
	 font-size: 10px 
}
 a.nounderline:active, a.nounderline:hover {
	 color: #CD1200;
	 text-decoration: none;
	 font-size: 10px 
}
 .roweven {
	 background-color: #fff 
}
 .rowodd {
	 background-color: #eee 
}
 #pagecontent div.online {
	 position: absolute;
	 top: 0;
	 right: 0 
}
 .response_times_container {
	 background-color: #000;
	 width: 250px 
}
 .response_times_container .reponse_time_header {
	 color: #FFF;
	 font-weight: 700;
	 text-align: center;
	 font-size: 18px 
}
 .response_times_container .response_explainer {
	 font-size: 9px;
	 color: #FF0;
	 font-style: italic;
	 text-align: center 
}
 .response_times_container .time_explainer {c
	 font-size: 10px;
	 font-style: italic;
	 text-align: right 
}
 .close-hover-menu {
	 color: #000;
	 font-size: 11px;
	 background-color: #fd5959;
	 display: block;
	 position: fixed;
	 right: 58px;
	 top: 11px;
	 z-index: 9998;
	 width: 60px;
	 height: 15px;
	 padding: 2px;
	 border-radius: 5px 5px 0 0;
	 border-top: 1px solid #000;
	 border-right: 1px solid #000;
	 border-left: 1px solid #000 
}
 .close-hover-menu a, .close-hover-menu a:hover {
	 font-size: 12px 
}
 .image-wrapper {
	 cursor: pointer;
	 position: fixed;
	 right: 0;
	 padding: 30px;
	 top: 0;
	 z-index: 9997 
}
 .bounce-container {
	 display: flex;
	 gap: 2px;
}
 .bounce-container span {
	 display: inline-block;
	/* total animation lasts 1.5 seconds (5 letters * 0.3s each) */
	 animation: bounceSequence 1.5s linear infinite;
}
/* Staggering the start times. Each letter is delayed by an extra 0.2 seconds. */
 .bounce-container span:nth-child(1) {
	 animation-delay: 0.0s;
	color: #46fdf0;
}
 .bounce-container span:nth-child(2) {
	 animation-delay: 0.3s;
	 color: #59f36d;
}
 .bounce-container span:nth-child(3) {
	 animation-delay: 0.6s;
	 color: #a3f306;
}
 .bounce-container span:nth-child(4) {
	 animation-delay:0.9s;
	 color: #bafe75;
}
 .bounce-container span:nth-child(5) {
	 animation-delay: 1.2s;
	 color: #fef883;
	;
}
/* the keyframe isolates the bounce to only 16.6% of the total time. 100% / 6 letters = 16.6% time window per letter. */
 @keyframes bounceSequence {
	 0%, 16.6% {
		 transform: translateY(0);
	}
	 4.15% {
		 transform: translateY(-15.7px);
		/* Peak of the bounce */
	}
	 8.3% {
		 transform: translateY(0);
		/* Back down */
	}
}
 .floater .floater-inner {
	 background: #fff;
	 -moz-border-radius: 8px;
	 -webkit-border-radius: 8px;
	 border: 1px solid #222;
	 border-radius: 8px;
	 -moz-box-shadow: 0 5px 11px rgba(0, 0, 0, .9);
	 -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, .9);
	 box-shadow: 0 5px 11px rgba(0, 0, 0, .9);
	 margin: 0;
	 overflow: hidden;
	 position: absolute;
	 right: 15px;
	 text-align: center;
	 width: 115px;
	 z-index: 99999 
}
 .floater-inner h2 {
	 background: #000;
	 color: #9F3;
	 font-size: 12px;
	 font-weight: 700;
	 margin-bottom: 0;
	 margin-top: 0;
	 padding: 1px 
}
 .floater-inner p {
	 font-size: 12px;
	 margin: 0 10px 10px;
	 text-align: left 
}
 .floater {
	 position: fixed;
	 right: 0;
	 top: 65px;
	 z-index: 9996;
	 width: 102px 
}
 @font-face {
	 font-family: 'allan';
	 src: url('https://garnold.neocities.org/images/fonts/Allan-Regular.ttf') format('truetype');
}
@font-face {
	 font-family: 'clamboni';
	 src: url('https://garnold.neocities.org/images/fonts/Clamboni-Regular.ttf') format('truetype');
}
 @import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;
 
0,700;
1,400;
1,700');
 @import url('https://fonts.googleapis.com/css2?family=Allan:wght@400;
700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Allan:wght@400;
700&family=Inter:ital,opsz,wght@0,14..32,100..700;
1,14..32,100..700&display=swap');
 @font-face {
	 font-family: 'comicsans';
	 src: url('https://sprunt.neocities.org/placeholder/Comic%20Sans%20MS.ttf') format('truetype');
}
 @font-face {
	 font-family: 'corsiva';
	 src: url('https://sprunt.neocities.org/placeholder/Monotype-Corsiva-Regular.ttf') format('truetype');
}
 @font-face {
	 font-family: 'helve';
	 src: url('https://sprunt.neocities.org/placeholder/helveticaneueltw1g_md.otf') format('opentype');
}
 @font-face {
	 font-family: 'brush';
	 src: url('https://sprunt.neocities.org/placeholder/brushscriptstd.ttf') format('truetype');
}
 @font-face {
	 font-family: 'seven';
	 src: url('https://sprunt.neocities.org/placeholder/seven.ttf') format('truetype');
}
 @font-face {
	 font-family: 'determin';
	 src: url('https://sprunt.neocities.org/placeholder/greater-determination-sb.ttf') format('truetype');
}
 @font-face {
	 font-family: 'cooky';
	 src: url('https://sprunt.neocities.org/placeholder/chococooky.ttf') format('truetype');
}
 @font-face {
	 font-family: 'dysl';
	 src: url('https://sprunt.neocities.org/placeholder/OpenDyslexic-Regular.otf') format('opentype');
}
 @font-face {
	 font-family: 'leftov';
	 src: url('https://sprunt.neocities.org/placeholder/Leftovers.ttf') format('truetype');
}undefined}undefined @font-face {
 font-family: 'term';
 src: url('https://sprunt.neocities.org/placeholder/TerminalVector.ttf') format('truetype');undefined}undefined