/*
*/



html{color:#000;background:#FFF}
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, figure {margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}span {text-decoration: none;}

html {background: #E5E5E5;}
body {background: #E5E5E5; color: #000; font-family:; font-size: 100%; line-height: 1.25em; overflow-y: hidden;}

body.ready {overflow-y: auto;}
body.ready .overlay {display: none;} 

body {}

::selection {background: red; color: white;}
::-moz-selection {background: red; color: white;}
strong {font-weight: bold;}
.wrapper {padding:1.5rem; max-width: 1400px; margin:0 auto; width: calc(100% - 3rem); overflow-x: hidden;}

.flexer {display: flex; justify-content: space-between;}

#audioplayerwrapper {width: 100%; position: fixed; bottom: 0; background: red; padding:0.5rem;}
#audioplayerwrapper audio {width: 100%; font-family: Times New Roman, Times, Serif; font-weight: bold;}


.overlay {width: 100%; height: 100%; position: fixed; background: #E5e5e5; display: flex; z-index: 999999999999; align-items: center; justify-content: space-between; flex-direction: column; box-sizing: border-box;}
.overlay button {text-align: center; color: red; text-transform: uppercase; font-weight: bold; font-size: 90px; line-height: 90px; text-decoration: underline; outline: none; border:none; background: none; font-family: Times New Roman, Times, Serif;}
.overlay button:hover {text-decoration: none;}

.overlay .overlayFlex {display: flex; gap:10px; font-family: arial; padding:1.5rem 1.5rem 0; justify-content: space-between; align-items: space-between; width: 100%; box-sizing: border-box;}
.overlayFlex div {max-width: 300px;}
.overlayblue {color: blue; font-size: 70%; line-height: 1.25em;}
.inneroverlayflex {display: flex; justify-content: space-between; margin: 0 auto;}
.inneroverlayflex div {max-width: 75px;}
.inneroverlayflex div img {width: 100%; height: auto;}

.bottomoverly {width: 100%;max-height: 40svh;}
.bottomoverly img {width: 100%; height: auto; display: block;}

.mailchimp {top:1.5rem; }
.mailchimp input {outline: none; border: 3px solid red; background: white; color: black; text-align: center; border-radius: 0.5rem; font-family: courier, monospace; font-size: 14px; line-height: 16px; min-width: 250px; padding: 8px 0;}
::-webkit-input-placeholder {color:black;}
::-moz-placeholder {color:black;}
::-ms-placeholder {color:black;}
::placeholder {color:black;}
.mailchimp button {outline: none; border: 3px solid red; background: white;color: black; text-align: center; border-radius: 50%; font-family: courier, monospace; font-size: 20px; line-height: 16px; padding:8px 30px; margin-left: 5px;}

.mailchimp.success input, .mailchimp.success button {opacity: 0.5;}

.mailchimp .response {font-weight: bold; padding-top:0.5rem; text-align: center; position: absolute; top: 4rem;}
.mailchimp.error .response {color: red;}


.aa {font-family: arial, sans-serif; padding-right: 1rem;}
.aa h1 {font-weight: bold; font-size: 40px; line-height: 40px;}
.aa ul {list-style: disc;}
.aa ul li {}

.bb {display: flex; justify-content: center; align-items: center; gap:10px; margin-top:-100px;}
.bb img {width:100%; height: auto;}
.bb .columnflex {display: flex; flex-direction: column; gap: 20px;}

.welcomemessage {text-transform: uppercase; color: red; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;}
.welcomemessage h1 {font-weight: bold; font-size: 80px; line-height: 80px;}
.welcomemessage .welcomeimg {max-width: 250px; width: 100%; height: auto;}
.welcomemessage ul.welcomes {display: flex; flex-wrap: wrap; font-size: 30px; line-height: 36px; justify-content: center;}
.welcomemessage ul.welcomes li {padding:10px 20px;}

.cc img {width: 100%; height: auto; padding-top:55px;}
.cc img:nth-child(2) {width: 65%; height: auto; margin: 0 auto; padding-top:25px; display: block; padding-bottom:60px;}

.dd {background: red; color: black; margin: 0 -1.5rem; font-family: verdana, sans-serif; font-size: 12px; line-height: 12px; padding:20px; text-align: center;}


.ee {display: flex; padding-top:25px; flex-direction: row-reverse; gap:50px; align-items: flex-start;}
.ee img {width:100%; height: auto;}
.eeee > .flexer {display: flex; justify-content: flex-start; gap: 50px; align-items: center;}
.eeee > .flexer div {min-width: 150px;}
.eee {font-weight: bold; font-size: 24px;line-height: 24px;}
.diiv1 {border:solid 3px red; background: #D0FABC; padding:12px 18px;}
.diiv2 {border:solid 3px red; background: #F5F077; padding:12px 18px;margin-top:15px; z-index: 9;}
.eee .times {font-family: times, serif; white-space: nowrap;}
.eee .arial {font-family: arial, sans-serif; white-space: nowrap;}
.eee .arial span {transform: rotate(-90deg); display: inline-block;}
.eee .courier {font-family: courier, monospace; line-height:40px; }
.diiv2 .courier {transform: rotate(180deg); text-align: right;}
.flexer div .flexer {display: flex; gap: 20px; overflow: hidden; padding:20px 100px;}
.flexer div .flexer img {width: 50%; height: auto;}
.ee .links {font-family: verdana, sans-serif; font-size: 30px; line-height: 30px; letter-spacing: 0.3em; width: 100%; text-align: center;}
.ee .links p {color: blue; margin-bottom:6px;}
.ee .links p:nth-child(2) {color: purple;}
.eeee .home {font-weight: bold; font-size: 30px; line-height: 36px; color: blue; text-align: center; max-width: 400px; margin: 0 auto; padding-left: 125px; padding-top: 25px;}
.eeee {width: 100%;}
.eeee .home span.red {color: red;}
.eeee .home span.arial {font-family: arial, sans-serif;}
.eeee .home span.pink {color: pink;}
.eeee .home span.green {color: green;}
.eeee .ops {font-family: arial, sans-serif; text-align: center; padding-left: 125px; padding-top: 30px; z-index: 999; position: relative;}
.eeee .ops p {font-weight: bold; color: red; font-size: 48px; line-height: 52px;}
.eeee .ops p.small {font-weight: normal; color: black; font-size: 18px; line-height: 24px; padding-top:16px;}
.eeee .homeimg {display: flex; flex-direction: column; gap: 10px; width:100px; min-width: 100px; text-align: center;}
.hoflexer {display: flex; gap:10px; padding-left: 125px; align-items: center;}
.hoflexer .home {padding-left: 0;}
.eeee .homeimg img:nth-child(1) {width: 84%; height: auto; margin:0 auto;}
.eeee .homeimg p {font-family: arial, sans-serif; font-size: 6px; line-height:8px; color: red; }

.ff {width: 100%; text-align: center; padding-top:50px;}
.ff img {width: 100%; height: auto; padding-bottom: 15px;}
.ff img:nth-child(1) {max-width: 100px;}

.gg {padding-top:40px;}
.gg img {width: 100%; height: auto;}
.gg .coin {max-width: 150px; margin: 0 auto; border: 3px solid blue;}
.gg .flipcoin {color: blue; letter-spacing: 0.2em; text-align: center; padding-right: 100px; padding-top: 25px; padding-bottom: 25px;}
.gg .spreadone, .gg .spreadtwo {display: flex; justify-content: space-evenly;}
.gg .spreadone {padding-top: 25px; padding-bottom: 10px;}
.gg .spreadone img {max-height: 150px; width: auto;}
.gg .spreadtwo img {max-height: 500px; width: auto;}
.gg .sigil {max-width: 130px; margin: 0 auto; padding-top: 25px;}
.gg .evolution {max-width: 650px; margin:0 auto; padding-top:50px;}
.gg .evolution .evotext p {text-align: justify;}
.gg .evolution .evotext p img {display: inline-block; width: auto; height: auto; padding-right: 30px;}
.gg .evolution .evoheading {text-align: center; font-weight: bold; padding: 10px 0;}
.gg .evolution .evoimage {border-radius: 15px; border: 1px solid grey; overflow: hidden;}
.gg .evolution .evoimage img {display: block;}
.gg .evolution .evoimagecredit {padding-top: 10px;}


.hh {padding-top:25px;}
.hh img {width: 100%; height: auto; display: block;}
.hh .candledivider {display: flex; width: 100%; overflow: hidden; padding-bottom: 25px;}
.hh .thothcard {max-width: 222px; width: 100%; margin: 0 auto; padding-bottom: 35px;}
.hh .excerpt {max-width: 750px; width: 100%; margin: 0 auto; padding-bottom: 35px;}
.hh .knots {position: relative; padding-bottom: 33px;}
.hh .knotsknots {max-width: 150px; width: 100%; margin: 0 auto;}
.hh .knotstext {font-family: arial, sans-serif; font-weight: bold; color: red; position: absolute; top: 0; left: 0; max-width: 300px;}
.hh .knotstexttwo {font-family: arial, sans-serif; font-weight: regular; color: black; position: absolute; top: 0; right: 0; max-width: 300px;}
.hh .spireaks {max-width: 422px; width: 100%; margin: 0 auto;}
.hh .torch {display: flex; justify-content: space-evenly; gap: 50px; align-items: center; padding:50px 0;}
.hh .torchtorch {max-width: 75px;}
.hh .theyownourlives {font-family: arial, sans-serif; font-weight: bold; font-size: 120px; line-height: 140px; text-align: center;text-transform: uppercase; color: red;}
.hh .theyownourlives p:nth-child(2) {color: white}
.hh .theyownourlives p:nth-child(3) {color: blue;}
.hh .theyownourlives p:nth-child(4) {font-family: times, serif}

.hh .moreknots { max-width:400px; margin:0 auto; }
.hh .anathema {padding-top:10px;}
.hh .anathemaimg {max-width: 400px; margin: 0 auto; position: relative;}
.candle71 {position: absolute; right: -20%; top:25%; height: 70px;}

.ii {padding:50px 0;}
.ii .simple {color: red; max-width: 900px; margin: 0 auto;}
.ii .simple img {display: inline-block; padding-right: 5px; height: 30px;}
.ii p {text-align: left;}
.ii p+p {padding-top:1em;}
.ii span.wide {letter-spacing: 0.5em;}
.ii p.heading {font-weight: bold; text-align: center;}

.ii .cycle {font-family: arial, sans-serif; font-weight: bold; font-size: 75px; line-height: 75px; text-align: center; width: 100%; padding: 35px 0 0;}
.ii .cycle p {text-align: center;}
.ii .bleedingrose { max-width:400px; margin:-20px auto 0; }
.ii .imgrow {display: flex; gap: 50px; padding: 0 10%;}
.ii .imgrow img {height: auto; width: 100%; display: block;}
.ii .kermit {display: flex; margin: 0 -1.5rem; padding-top: 50px;}
.ii .kermit img {height: auto; width: 100%; display: block;}


.jj {}

.jj .henson {max-width: 400px; margin: 0 auto; font-family: Georgia, serif; font-weight: bold;}
.jj .henson img {display: block; width: 100%; height: auto;}
.jj .henson p {font-size: 12px; line-height: 16px; text-align: center; padding-top: 10px;}

.jj .peaceprofit { color:#00FF0A; font-family: Courier New, Courier, monospace; font-weight: bold; font-size:70px; line-height:85px; padding-top:25px; text-align: center;}
.jj .peaceprofit span.under {color: black; text-decoration:underline; }
span.nobreak {white-space: nowrap;}
.jj .peaceprofit img {display: inline-block; height: 85px; width: auto; padding: 0 10px;}
.jj .peaceprofit img:first-child {-webkit-transform: scaleX(-1);
  transform: scaleX(-1);}

.jj .church { max-width: 800px; margin:0 auto; font-family: Courier New, Courier, monospace; font-weight: bold; font-size: 10px; line-height:12px;padding-top:40px;}
.jj .church img {width: 100%; height: auto; display: block;}
.jj .church .descriptor {display: flex;}
.jj .church .descriptor p {width: 50%; text-align: center; padding-top:5px;}

.jj .war {color: red; font-family: Times New Roman, Times, serif; font-size: 24px; line-height: 24px; text-align: center; font-weight: bold}
.jj .war img {display: block; margin: 0 auto 14px;}

.jj .hippies {margin: 50px -1.5rem; padding: 25px 0; background: white; font-family: Impact; font-size: 40px; line-height: 40px; text-align: center; }
.jj .hippies img {display: inline-block; height: 50px; width: auto;}

.jj .clint {display: flex; justify-content: space-evenly; gap:20px; align-items: center;}
.jj .clint img {width: 100%; height: auto; display: block;}
.jj .clint div {width: 300px;}
.jj .clint div:nth-child(2) {width: 225px;}

.jj .circlon {max-width: 900px; margin: 0 auto; padding: 80px 0 40px;}
.jj .circlon img {width: 100%; height: auto; display: block;}

.jj .molecular { display:flex; max-width:700px; margin:0 auto; gap:15%; width: 90%; align-items: center; padding-bottom: 25px;}
.jj .molecular div {width: 69%;}
.jj .molecular div:nth-child(2) {width: 31%;}
.jj .molecular img {width: 100%; height: auto; display: block;}

.jj .book { max-width: 650px; margin:0 auto; padding-bottom: 40px;}
.jj .book img {width: 100%; height: auto; display: block;}

.jj .lighting {font-family: Verdana, sans-serif; font-weight: bold; display: flex; gap:45px; color: blue; font-size: 25px; line-height: 32px; align-items: center; max-width: 850px; margin: 0 auto;}

.jj .lighting img {width: 100%; height: auto; display: block;}
.jj .lighting div {width: 50%;}

.jj .hmm { max-width:1000px; margin:0 auto; padding: 50px 0;}
.jj .hmm img {width: 100%; height: auto; display: block;}

.jj .imnot {}
.jj .imnot img {width: 100%; height: auto; display: block;}

.facedivider {display: flex; margin: 0 -1.5rem; padding-top: 50px;}
.facedivider img {height: auto; width: 100%; display: block;}

.jj .flags {max-width: 750px; margin: 50px auto;}
.jj .flags img {height: auto; width: 100%; display: block;}

.jj .star {max-width: 650px; margin: 50px auto; width: 80%;}
.jj .star img {height: auto; width: 100%; display: block;}

.jj .menubotton {display: flex; justify-content: center; gap: 20px;padding-left: 25%;}
.jj .menubotton div {max-width: 200px;}
.jj .menubotton div img {height: auto; width: 100%; display: block;}
.jj .menubotton div:nth-child(3) {margin:0 10%;}

.jj .flate {width: 80%; position: relative; margin: 50px auto 0;}
.jj .flate .flateimg {height: auto; width: 100%; display: block;}

.jj .flate .candle71 {right: -40px;}


.kk {padding: 10px 0;}
.kk .globalwarming {font-weight: bold; text-align: center; text-transform: uppercase; font-size: 30px; line-height: 36px;}
.kk img {width: 100%; height: auto; display: block;}

.kk .tol {margin: 0 -1.5rem 0 0; display: flex; gap: 45px; align-items: flex-end;}
.kk .toltol {max-width: 300px;}
.kk .skyfal {padding-right:10%;}

.kk .realitycheck {margin: 0 -1.5rem; padding-top: 50px;}

.kk .mining {padding: 30px 20px; display: flex; align-items: center; gap: 10px;}
.kk .mining .img5905 {width: 25%;}
.kk .mining .img5905 img {max-width: 150px; margin: 0 auto;}
.kk .mining .imgmining {width: 50%;}
.kk .mining .imgabc {width: 25%;}

.kk .flags {max-width: 550px; margin: 0 auto; width: 65%;}

.kk .thirdeye { width:80%; margin:30px auto; }

.kk .thou {display: flex; justify-content: center; align-items: center; gap: 0.5rem;}
.kk .thou .flanks {min-width: 10%; max-width: 15%;}
.kk .thou .thoucenter {background: #000; box-sizing: border-box; padding:3rem 1rem; width: 100%; text-align: center; font-family: arial, sans-serif; font-weight: normal; color: red; font-size: 40px; line-height: 45px;}

.kk .toolarms {margin: 30px 0;}

.kk .monk {display: flex; padding-bottom: 10px;}
.kk .monk div, .kk .monkmonk div {width: 8.33%;}
.kk .monkmonk {padding-bottom: 40px;}

.kk .gangstock {max-width: 500px; width: 50%; margin: 0 auto;}

.kk .gstects {display: flex; gap: 10px; padding: 30px 0 0}
.kk .gstects .main {width: 80%;}
.pizza4ch {width: 90%; margin: 40px auto 5px;}
.treeplacenta {padding-left: 5%; padding-right: 0; display: flex; gap: 3rem; width: 100%; align-items: center; justify-content: center;}
.treeplacenta div {width: 60%; }
.treeplacenta div:nth-child(2) {width: 40%; }
.treeplacenta p {font-family: arial, sans-serif; text-align: center;color: red;z-index: 999;}
.kk .gstects .fusa {width: 20%; text-align: center;} 
.kk .gstects .fusa img {max-width: 100px; margin: 0 auto;}

.kk .infinit {padding:60px 0; width: 80%; margin: 0 auto;}

.kk .iwant {display: flex; align-items: center; margin: -100px auto 0; font-weight: bold; font-size: 40px; line-height: 48px; gap: 40px; width: 100%; justify-content: center;}
.kk .iwant .sleep {color: red; white-space: nowrap; padding-top:40px;}
.kk .iwant .sleep img {width: 40px;padding-left: 40%; padding-top: 10px;}
.kk .iwant .math {font-family: Courier new, Courier, monospace; white-space: nowrap;}
.kk .nothing {font-family: arial, sans-serif; font-weight: bold; color: blue; font-size: 50px; line-height: 60px; text-align: center; padding: 40px 0;}

.kk .download4 {width: 85%; margin: 0 auto;}
.kk .learning {font-family: Georgia, serif; font-style: italic; color: red; font-size: 50px; line-height: 60px; text-align: center; padding: 40px 0;}

.kk .sagnac {width: 89%; margin: 0 auto;}

.kk .askme {font-family: impact, sans-serif; font-size: 50px; line-height: 60px; text-align: center; padding: 40px 0;}
.kk .askme span {text-decoration: underline;}

.kk .rav {width: 85%; margin: 0 auto;}
.kk .rav p {font-family: arial, sans-serif; font-weight: bold; font-size: 8px; line-height: 10px; padding-top:5px;}

.kk .tilde {font-family: impact, sans-serif; font-size: 40px; line-height: 70px; text-align: center; white-space: nowrap; padding: 20px 0; color: #00F0FF; overflow: hidden;}
.blue {color: blue}

.kk .loveinfo {font-family: Georgia, serif; font-weight: bold; color: red; font-size: 22px; line-height: 34px; text-align: center; padding: 40px 0;}
.kk .loveinfo span {color: black;}

.kk .frog {margin: 0 -1.5rem; position: relative; color: #00FF1A}
.kk .frog .frogfloater {display: flex; justify-content: space-evenly; gap: 100px;margin: 0; position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%); height: 100%; padding: 1.5rem; box-sizing: border-box; align-items: center; justify-content: center; overflow: hidden;}
.kk .frog .froggin { padding:1.5rem; font-family: arial, sans-serif; font-weight: bold; font-size: 120px; line-height: 160px;}
.kk .frog .frogginimg {display: flex; flex-direction: column; justify-content: space-between; gap: 20px; height: 100%;}
.kk .frog .frogginimg div {max-width: 50%; margin: 0 auto; max-height: 250px;}
.kk .frog .frogginimg div:nth-child(2) {max-width: 70%;}
.kk .frog .frogginimg div img {max-width: 100%; max-height: 100%;}

.kk .mystery {width: 50%; margin: 30px auto; display: flex; gap: 5px;}
.kk .mystery div {width: 30%;}
.kk .mystery div:nth-child(2) {width: 40%;}

.kk .eyes {margin: 0 -1.5rem; display: flex;}
.kk .eyes div {width: 10%;}

.kk .timetorequest {padding: 40px 0; text-align: center; font-weight: bold; font-size: 50px; line-height: 60px; display:flex; align-items:center; justify-content: center;}
.kk .timetorequest img {width: 100px; padding: 0 30px;}
.kk .timetorequest p {display: block;}

.kk .masterknot {width: 85%; margin: 0 auto;}

.kk .stability {width: 60%; margin: 40px auto;}

.kk .colorknot {width: 90%; margin: 0 auto;}

.kk .mazez {width: 80%; margin: 70px auto;}

.kk .smile {margin: 0 -1.5rem;}

.kk .iwannab {padding: 50px 0;}

.kk .butterflybarrier, .kk .barrier {width: 85%; margin: 0 auto;}
.kk .butterflybarrier {display: flex;}
.kk .butterflybarrier .lotus {padding-right: 30px;}
.kk .butterflybarrier .flex {display: flex;}
.kk .barrier {padding-bottom: 50px;}

.kk .maybe {display: flex; align-items: center; gap: 20px; max-width: 900px; margin: 0 auto;}
.kk .maybe .flanks {width: 12%;}
.kk .maybe .maybetext { text-align:center; color:red; font-weight:bold; font-size: 30px; line-height:38px; width:76%; }

.kk .pain {width: 100px; margin: 40px auto;}

.kk .ohdae {width: 300px; margin: 0 auto;}

.kk .toolate {width: 80%; margin: 30px auto;}

.kk .tz {margin: 0 auto;}
.kk .tz div {margin:0 auto; text-align: center;}
.kk .tz div img {width: 10%; display: inline-block;}

.kk .stopsigns { padding-top: 40px; }
.kk .stopsigns img:nth-child(3) {padding-top:30px;}

.kk .herstory {padding:45px 0;}

.kk .eadf {max-width: 1000px; margin: 0 auto;}

.kk .asdfasdf {max-width: 1000px; margin: 0 auto; padding:25px 0 50px;}

.kk .rosyheart {width: 40%; margin: 0 auto;}

.kk .jfk {max-width: 1000px; margin: 0 auto; padding:50px 0 50px;}
.kk .redacedrcr {width: 60%; max-width: 800px; margin: 0 auto; }

.kk .painkey {padding:50px 0; width: 80%; margin: 0 auto; position: relative;}
img.torchabs {position:absolute; width:10%; top: 40%; left: 25%; }

.kk .eyesye {width: 50%; max-width: 600px; margin: 0 auto;}
.kk .banner {width: 80%; margin: 0 auto; padding: 50px 0;}

.kk .thumbssss {}
.kk .thumbssss .thumbflex {display: flex; align-items: center; gap: 10px;}
.kk .reversed {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.kk .thumbsup {padding: 15px 0;}

.kk .quetz {width: 90%; margin: 0 auto; padding: 15px 0 50px}

.kk .asdfsdf {width: 40%; margin: 0 auto;}

.kk .where {color: blue; font-weight: bold; font-size: 32px; line-height: 40px; padding: 30px 0; text-align: center; max-width: 700px; margin: 0 auto;}

.kk .fairy {width: 150px; margin: 0 auto;}

.kk .retryyy {max-width: 800px; margin: 0 auto; display: flex; padding: 35px 0}

.kk .transcend {max-width: 700px; margin: 0 auto;}

.kk .transcendprisonguy {max-width: 600px; margin: 0 auto; padding:25px 0;}

.kk .anotherprson {max-width: 900px; margin: 0 auto;}

.kk .handcuff {width: 150px; margin: 0 auto; padding: 25px 0}

.kk .aum {display: flex; gap: 10px; align-items: center;}
.kk .aum .aumum {}

.kk .htguy {width: 70%; margin: 0 auto; padding: 25px 0;}

.kk .forgotten {padding: 0 7% 0 22%; display: flex; gap:10px; align-items: center;}

.kk .stasrs {width: 90%; margin: 0 auto; padding:30px 0;}

.kk .heaven {width: 66%; margin: 0 auto;}

.kk .map {padding: 40px 0;}

.kk .ajsdkfladsf {width: 40%; margin: 0 auto;}

.kk .rcbann {margin: 0 -1.5rem; padding:50px 0;}

.kk .loveeeee { display:flex; gap: 30px; align-items: center; justify-content: space-evenly;}
.kk .loveeeee .loveflank {width: 15%;}
.kk .zero {max-width: 500px;}

.kk .mk {display: flex; gap: 25px; padding: 25px 0; }
.kk .lovemypain {position: relative;}
.kk img.lovemytaz {position: absolute; bottom:20%; right: 20%; width: 15%;}

.kk .factcheckbar {margin: 0 -1.5rem;}

.haveyouever {display: flex; gap:20px; padding: 45px 0; font-family: arial, sans-serif; font-weight: bold; color: blue; font-size: 24px; line-height: 30px;}
.haveyouever .left {width: 60%;}
.haveyouever .right {width: 40%; max-width: 300px; margin: 0 auto;}

.haveyouever .left {display: flex; flex-direction: column; align-items: flex-end;}
.haveyouever .left .fcdegrade {padding-top:15px; display: flex; gap: 10px; width: 100%; color: black; font-weight: normal; font-size: 16px; line-height: 19px;}
.haveyouever .left .fcdegrade div.imgfcdegrade {min-width: 20%;}

.kk .plant {  }
.kk .puz {margin:0 -1.5rem; padding:40px 0 50px;}


.wecan {display: flex; gap: 15px; align-items: center; max-width: 1100px; margin:0 auto;}
.wecan .wecanflank {width: 15%;}
.wecan .wecancenter {width: 70%;} 

.barpile {margin: 0 -1.5rem; padding: 50px 0 0}
.panopt {margin: 0 -1.5rem; }

.paincoil {padding:40px 0; margin: 0 -1.5rem;}

.erqw {margin: 0 -1.5rem;}

.leave {padding-top:25px;}

.erqr {margin:20px -1.5rem;}

.prisons {}

.downdown {width: 90%; margin: 0 auto;}

.towerpt1ii {margin: 0 -1.5rem;}

.k18 {background-image: url('k18.gif'); background-repeat: repeat; margin: 0 -1.5rem; padding:1.5rem;}

.k18flex {display: flex;}
.k18flex2 {display: flex; padding-top:50px;}
.k18flexflank {width: 20%;}
.k18flex .k18flexcenter {color: red;font-weight: bold; font-size: 38px; line-height: 44px; text-align: center; width: 60%;}
.k18flex2 .k18flexcenter {color: blue; font-family: impact; width: 60%; text-align: center; font-size: 65px; line-height: 70px;}

.footer { text-align:center; font-weight:bold; color:red; padding-top:100px; padding-bottom:100px; }
.footer img {max-width: 400px; margin:0 auto;}
.footer p {padding-top: 40px; font-size: 12px;}
.footer img#diiv {width: 175px; margin: 6rem auto 0;}

#audio-player-container button {
    padding: 0;
    border: 0;
    background: transparent;
    outline: none;
    width:1em;
    display: block;
}
#audio-player-container button img {width: 1em; height: auto;}

#audio-player-container button img#play-button {display: block;}
#audio-player-container button img#pause-button {display: none}

#audio-player-container button.playing img#play-button {display: none}
#audio-player-container button.playing img#pause-button {display: block;}

#audio-player-container {
    --seek-before-width: 0%;
    --volume-before-width: 100%;
    --buffered-width: 0%;
    position: relative;
    width: 100%;
    background: red;
    color: white;
    display: flex;
    padding:1.25rem 1.25rem 6.25rem;
    align-items: center;
    gap: 1.25rem;
    box-sizing: border-box;
    font-family: Times New Roman, Times, Serif; font-weight: bold;
    position: fixed;
    bottom: -5rem;
    z-index: 999999999;
}
#play-icon {
  padding: 0.25rem;
  margin: -0.25rem;
  width: 1em;
  font-size: 40px;
}


.time {
    display: inline-block;
    width: 37px;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
#time-divider {width: auto; font-weight: normal}

output {
    display: inline-block;
    width: 32px;
    text-align: center;
    font-size: 20px;
    margin: 10px 2.5% 0 5%;
    float: left;
    clear: left;
}
#volume-slider {
    margin: 0;
    width: 100%;
}
#volume-slider::-webkit-slider-runnable-track {
    background: rgba(255, 255, 255, 1);
}
#volume-slider::-moz-range-track {
    background: rgba(255, 255, 255, 1);
}
#volume-slider::-ms-fill-upper {
    background: rgba(255, 255, 255, 1);
}
#volume-slider::before {
    width: var(--volume-before-width);
}
input[type="range"] {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 19px;
    margin: 0;
    outline: none;
    background: red;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, rgba(225, 225, 225, 1) var(--buffered-width), rgba(225, 225, 225, 1) var(--buffered-width));
}
input[type="range"]::before {
    position: absolute;
    content: "";
    top: 7px;
    left: 0;
    width: var(--seek-before-width);
    height: 5px;
    background-color: black;
    /*blue before*/
}
input[type="range"]::-webkit-slider-thumb {
    font-size: 40px;
    position: relative;
    -webkit-appearance: none;
    box-sizing: content-box;
    height: 1em;
    width: 1em;
    margin: -0.5em 0 0 0;
    background-image: url('player/progress.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    appearance: none;
    outline: none;
    box-shadow: none;
}
input[type="range"]:active::-webkit-slider-thumb {
    transform: scale(1.2);
}
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, rgba(225, 225, 225, 1) var(--buffered-width), rgba(225, 225, 225, 1) var(--buffered-width));
}
input[type="range"]::-moz-range-progress {
    background-color: black;
}
input[type="range"]::-moz-focus-outer {
    border: 0;
}
input[type="range"]::-moz-range-thumb {
    box-sizing: content-box;
    height: 1em;
    width: 1em;
    font-size: 40px;
    margin: -0.5em 0 0 0;
    position: relative;
    background-image: url('player/progress.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    appearance: none;
    outline: none;
}
input[type="range"]:active::-moz-range-thumb {
    transform: scale(1.2);
    /*background: #007db5;*/
}
input[type="range"]::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
    border: solid transparent;
    color: transparent;
}
input[type="range"]::-ms-fill-lower {
    background-color: black;
}
input[type="range"]::-ms-fill-upper {
    background: linear-gradient(to right, rgba(225, 225, 225, 1) var(--buffered-width), rgba(225, 225, 225, 1) var(--buffered-width));
}
input[type="range"]::-ms-thumb {
    box-sizing: content-box;
    height: 1em;
    width: 1em;
    font-size: 40px;
    margin: -0.5em 0 0 0;
    position: relative;
    background-image: url('player/progress.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: transparent;
    appearance: none;
    outline: none;
}
input[type="range"]:active::-ms-thumb {
    transform: scale(1.2);
    /*background: #007db5;*/
}

#volume-controls output {display: none;}
#volume-controls button#mute-icon {display: none;}

#volume-controls-controller {width: 15%; position: relative;}
#volume-controls-controller span {text-align: center; display: block; font-family: arial; text-transform: uppercase; color: black;}
#volume-controls {position: absolute; top:0; display: none;}
#volume-controls-controller.active #volume-controls {display: block;}
#time-controller {white-space: nowrap;}








.guestbookwrapper {padding: 40px 0; width: 100%; max-width: 700px; margin: 0 auto;}
.guestbookwrapper h1 {text-align: center; font-size: 40px; line-height: 40px; color: red; font-weight: bold; padding: 0 0 40px;}
.guestbookwrapper h2 {font-weight: bold; text-align: center; font-size: 20px; line-height: 24px; color: black; font-family: arial, sans-serif; padding:1rem 0;z-index: 999; position: relative;}
.guestbook {background: white;}
.guestinner {padding:2rem 1rem; width: 100%; box-sizing: border-box;}
.guestheader, .guestform {border-bottom: 2px solid black;}
.guestheader {position: relative;}
.guestheader .pencil {position: absolute; top: 0; left: 0;overflow: hidden;height: 100%; box-sizing: border-box; padding:0.5rem; z-index: 99; max-height: 100%;}
.guestheader .pencil img {max-width: 100%; max-height: 100%; height: auto; width: auto;}

.guestform form > div {display: flex;}
.guestform .name-block {padding-bottom: 1rem;}
.guestform .email-block {padding-bottom: 1rem;}
.guestform .comment-block {padding-bottom: 1rem;}
.guestform label {width: 30%; padding-right:5%; display: block; font-weight: bold; font-family: arial, sans-serif; color: black; font-size: 14px; line-height: 16px;}
.guestform input, .guestform textarea {width: 65%; border-radius: 0; outline: none; border: 1px solid black; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box; padding:0.5em; font-size: 14px; line-height: 16px; color: black; font-family: arial, sans-serif; font-weight: bold;} 
.guestform input {}

.guestform .submit-block {width: 65%; padding-left: 35%; }
.guestform .submit-block button {width: 100%; color: blue; background: #D9D9D9; outline: none; border: 1px solid black; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25); box-sizing: border-box; padding:0.5em;font-size: 14px; line-height: 16px; font-family: arial, sans-serif; font-weight: bold; border-radius: 0;}

.guestposts .feed {background: white; padding:1.5rem; height: 400px; box-sizing: border-box; width: 100%;border: 1px solid black; box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.25); overflow: scroll;}

.guestposts .feed div {font-family: arial, sans-serif; font-weight: bold;font-size: 14px; line-height: 16px; color: black; padding-bottom: 0.5rem;}
.guestposts .feed span {font-family: Times New Roman, Times, serif; display: inline-block; padding-right: 1rem; color: black;}
.guestposts .feed div:nth-child(even) {color: red;}

@media only screen and (max-width: 800px) {
  .guestbookwrapper h1 {text-align: center; font-size: 28px; line-height: 28px;padding: 0 0 20px;}
  .guestbookwrapper h2 {font-weight: bold; text-align: center; font-size: 15px; line-height: 17px; color: black; font-family: arial, sans-serif; padding:0.25rem 0; width: 70%; margin: 0 auto; }
  .guestheader .pencil {position: absolute; top: 0; left: 0;overflow: hidden;height: 100%; box-sizing: border-box; padding:0.75rem; z-index: 99; max-width: 20%; display: flex; justify-content: center; align-items: center;}

  .guestform form > div {flex-direction: column;}
  .guestform label {width: 100%; padding-right: 0;}
  .guestform input, .guestform textarea {width: 100%;}
  .guestform .submit-block {width: 100%; padding-left: 0;}

}







@media only screen and (max-width: 600px) {
  #play-icon {font-size: 30px;}
  input[type="range"]::-webkit-slider-thumb {font-size: 30px;}
  input[type="range"]::-moz-range-thumb {font-size: 30px;}
  input[type="range"]::-ms-thumb {font-size: 30px;}
  #volume-controls-controller {display: none;}
}


@media only screen and (max-width: 800px) {
	.kk .frog .froggin {font-size: 58px; line-height: 70px;}
	body {font-size: 90%; line-height: 1.25em;}
	.ee .links {font-family: verdana, sans-serif; font-size: 16px; line-height: 16px; letter-spacing: 0.2em; width: 100%; text-align: center;}
	.eee {font-weight: bold; font-size: 16px;line-height: 16px;}
	.diiv1 {padding:8px 10px;}
	.diiv2 {padding:8px 10px;margin-top:15px;}
	.eeee > .flexer div {min-width: 25px;}
	.eeee > .flexer {gap: 15px;}
	.ee {gap:15px;}

	.flexer div .flexer { padding: 20px 20px; }

	.gg .spreadtwo img {max-width: 100%}

  .hh .knotstexttwo {position: absolute; top: 50%; left: 0;}
  .treeplacenta div, .treeplacenta div:nth-child(2) {width: 50%; }
  .k18flex .k18flexcenter {font-size: 28px; line-height: 32px;}
  .k18flex2 .k18flexcenter {font-size: 45px; line-height: 45px;}

  .hoflexer {padding-left: 0; gap:5px; margin-right: -125px;}

  .eeee .home {font-size: 22px; line-height: 25px; padding-top: 25px;}

  .eeee .ops p {font-size: 36px; line-height: 40px;}

  .jj .peaceprofit {font-size:50px; line-height:60px;}
  .jj .peaceprofit img {display: inline-block; height: 50px; width: auto; padding: 0 5px;}

  .jj .hippies {padding: 25px 10px;}
  .jj .lighting {font-size: 20px; line-height: 26px;}

  .candle71 {height: 50px; top: 10%; max-width: 8%;}
  .jj .flate .candle71 {right: -30px;}

  .kk .globalwarming {padding:50px 0; font-size: 28px; line-height: 36px;}

  .kk .iwant {font-size: 20px; line-height: 24px; gap: 15px;}

  .kk .tilde {    font-size: 20px; line-height: 50px;}
  .kk .frog .frogfloater { gap: 10px;}
  .kk .frog .frogginimg {gap: 10px;}
  .kk .maybe .maybetext {font-size: 18px;line-height: 26px;}

  .kk .tz div img {width: 15%;}
  .kk .where {font-size: 24px;line-height: 28px;}
  .haveyouever {gap: 10px; font-size: 12px; line-height: 16px;}

  .footer img {max-width: 300px;}
  .footer img#diiv {width: 125px;}

  .overlay .overlayFlex {flex-wrap: wrap; justify-content: flex-end;}
  .overlay .overlayFlex > div {width: calc(50% - 5px);}
  .overlay .overlayFlex > div:nth-child(3) {width: 75%; margin: 0 auto;}
  .bottomoverly {width: 100%;height:28svh; max-height: 28svh; overflow: hidden; display: flex; justify-content: center;}
  .bottomoverly img {height: 100%; width: auto; margin:0 auto;}
  .overlay button {font-size: 36px; line-height: 36px; }

  .kk .mining {gap: 25px; flex-direction: column; padding-bottom: 50px;}
  .kk .mining .img5905 {width: 100%; padding-top:15px;}
  .kk .mining .imgmining {width: 100%;}
  .kk .mining .imgabc {width: 100%; max-width: 60%;}

  .haveyouever .left .fcdegrade {font-size: 8px; line-height: 11px;}

  .mailchimpflex {flex-direction: column; gap: 25px; width: 100%; align-items: stretch; width: 100%;}
  .mailchimpflex .mailchimp form {top:0; display: flex; width: 100%; gap: 5px;}
  .mailchimp input {width: 100%; min-width: 0;}
  .mailchimp button {margin-left: 0;}

  .aa {display: none;}

  .bb { margin-top:25px; flex-direction: column; align-items: center;}
  .bb .columnflex {flex-direction: row; max-width: 40%}
  .bb .columnflex div {width: 50%;}
  .bb > div:last-child {width: 30%;}


  .flexer div .flexer img {width: 90%; margin: 0 auto; height: auto;}
  .flexer div .flexer {}
  .eeee > .flexer {flex-direction: column; gap:10px;}
  .eeee .flexer .flexer { flex-direction: column; gap:30px; }
  .eeee > .flexer div:first-child {max-width: 75px;}

  .ee {display: block; position: relative;}
  .eee {position: absolute; top: 50px; right: 0;}
  .eeee .home, .eeee .ops, .eeee .hoflexer {padding-left: 0; width: 80%; margin: 0 20% 0 0; }
  .secondee .eee .diiv2 {font-size: 10px;}
  .eeee .hoflexer { flex-direction: column; padding-top:50px; width: 100%; margin-right: -20%;}
  .eeee .hoflexer .home {margin:0;}

  .hh .knotsknots {margin-right: -1rem; max-width: 125px;}
  .hh .knotstext, .hh .knotstexttwo { max-width: 225px;}
  .spanbreak {display: block;}
  .treeplacenta {gap: 10px;padding-left:0; padding-top:10px;}
  .treeplacenta p { font-size: 10px; line-height: 14px;}
  .kk .frog .frogginimg {gap: 5px;}
  .kk .frog .froggin {font-size: 54px; line-height: 65px;}

.welcomemessage {gap: 20px; padding-top:10px; padding-bottom: 15px;}
.welcomemessage h1 {font-size: 40px; line-height: 40px;}
.welcomemessage .welcomeimg {max-width: 125px; width: 100%; height: auto;}
.welcomemessage ul.welcomes {font-size: 13px; line-height: 18px;}
.welcomemessage ul.welcomes li {padding:5px 10px;}

.firstee {flex-direction: row-reverse; gap: 10px; display: flex;}
.firstee .eee {position: relative;top: 0;right: 0;}

.kk .frog .frogfloater {}

.mailchimp .response {width: 100%;}

}

/* default cursor */
body {cursor: url('cursor/cursor-20.png'), default; cursor: image-set( "cursor/cursor-20.png" 1x, "cursor/cursor-80.png" 4x, "cursor/cursor-160.png" 8x), default;}

/* pointer cursor */
.mailchimp button, #audio-player-container button, #volume-controls-controller span, .guestform .submit-block button, #audio-player-container input, body.ready a {cursor: url('cursor/cursor-pointer-20.png'), pointer !important; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer !important; }

input[type="range"]::-webkit-slider-runnable-track {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
input[type="range"]::before {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
input[type="range"]::-webkit-slider-thumb {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
input[type="range"]::-moz-range-track {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
input[type="range"]::-moz-range-thumb {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
input[type="range"]::-ms-thumb {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }
.overlay button {cursor: url('cursor/cursor-pointer-20.png'), pointer; cursor: image-set( "cursor/cursor-pointer-20.png" 1x, "cursor/cursor-pointer-80.png" 4x, "cursor/cursor-pointer-160.png" 8x), pointer; }

/* text cursor */
input, textarea {cursor: url('cursor/cursor-text-20.png'), text; cursor: image-set( "cursor/cursor-text-20.png" 1x, "cursor/cursor-text-80.png" 4x, "cursor/cursor-text-160.png" 8x), text !important;}