/*! CSS Used from: https://www.inconsequential.org/files/09x/css3/styles.css */
a.c1{color:white;text-decoration:none;}
a.lefttop{text-decoration:none;cursor:default;}
body{min-height:100%;min-width:100%;display:block;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;flex-direction:column;margin:1rem auto 1rem auto;}
body,html{margin:0;padding:0;font-family:Arial, sans-serif;height:fit-content;background:#343434;color:#fff;overflow-x:hidden;height:100%;width:100%;font-family:sans-serif;display:flex;justify-content:center;align-items:center;min-height:fit-content;background-image:url(https://www.inconsequential.org/files/09x/img2/pattern-tile.png);background-repeat:repeat;background-size:3px;background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);display:block;}
body,html:root{margin:0;padding:0;font-family:Arial, sans-serif;height:fit-content;background:#343434;color:#fff;overflow-x:hidden;width:100%;font-family:sans-serif;display:flex;justify-content:center;align-items:center;min-height:fit-content;height:auto;background-image:url(https://www.inconsequential.org/files/09x/img2/pattern-tile.png);background-repeat:repeat;background-size:3px;background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);display:block;height:100%;}
div.highlight{margin-top:1.25rem;display:block;max-width:329px;}
div.highlight.logo,#largertext{font-size:1rem;line-height:1;}
div.logo{font-weight:700;color:rgba(255,255,255,.8);}
div.logo,header,#love{padding:.2rem;}
div.logo.logo,header,#love{padding:.2rem;}
h2{font-size:1.8rem;margin:auto;font-size:.8em;}
h2.c3{word-spacing:1px;letter-spacing:1px;}
header{display:flex;align-items:center;justify-content:center;padding:0.25rem;background-color:rgba(0,0,0,.7);font-size:1.5em;font-weight:700;color:#fff;max-width:fit-content;margin:0 auto;margin-top:1px;}
html{overflow:hidden;font-size:16px;zoom:1;}
html body{display:block;}
img.lefttop{position:absolute;top:0.1px;left:0.1px;width:20px;height:20px;}
nav.buttons.button-grid.noted{font-size:.75rem;font-size:.83rem;}
nav.noteded{display:none;}
section.c2{display:block;}
span.c1{text-decoration:none;word-spacing:-.11px;}
span.c2{color:red;word-spacing:normal;letter-spacing:normal;font-weight:700;}
#dog{color:rgba(255,255,255,.9);text-shadow:0 2px 5px rgba(0, 0, 0, .7);text-decoration:none;}
#ftc1{margin:0 auto;text-align:center;background-color:#000;}
#ftc2{color:rgba(255,255,255,.75);text-decoration:none;color:#fff;}
#largertext{color:gold;font-size:.8rem;}
#lnk{text-decoration:none;color:red;}
#lnk2,#ppage{text-decoration:none;color:inherit;}
#love{text-align:center;}
#love,#loved{border:3px solid white;}
#loved{border:none;padding:0px;}
#texted{max-width:fit-content;margin:auto;padding:1px .1rem;font-weight:400;font-family:'Helvetica Neue', sans-serif;font-size:1.8rem;font-weight:300;font-family:sans-serif!important;}
#xboarder{border:gold 4px solid;}
#zimage{height:10rem;}
.button-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2, auto);gap:10px;}
.button-grid a{display:flex!important;justify-content:center;align-items:center;min-width:5em;display:flex;}
.buttons{margin-top:2em;flex-wrap:wrap;justify-content:center;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:400px;width:90%;height:fit-content;width:fit-content;flex-direction:column;gap:0.5rem 1.5rem;font-size:0.8em;}
.buttons.buttons{grid-template-columns:repeat(4,1fr);flex-direction:column;gap:0.5rem 1.5rem;font-size:0.8em;}
.buttons a{background-color:#daab75;color:#fff;font-size:1em;font-weight:700;text-decoration:none;padding:.8em 1.5em;margin:.5em;border-radius:5px;transition:background-color .3s;display:inline-block;padding:1em 0;text-align:center;display:block;margin:unset;}
.buttons a:hover{background-color:#b48960;}
.center-container{display:flex;justify-content:center;align-items:center;width:100%;display:block;}
.container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2em;}
.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;}
.glass{color:rgba(128,0,32,1);background-color:rgba(218, 171, 117, .9);}
.glass.glass{color:rgba(128,0,32,1);background-color:rgba(218, 171, 117, .9);}
.hero img{max-width:600px;width:100%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.5);transition:transform .3s ease-in-out;display:block;}
.hero img:hover{transform:scale(1.05);}
.highlight{-webkit-text-stroke-color:#fff;-webkit-text-stroke:.3px;background-color:#000;font-size:14px;font-weight:700;margin:-.75rem auto;max-width:22.9em;padding:.75rem .25rem;}
.logo{font-weight:700;color:rgba(255,255,255,.8);color:#fff;}
.logo.logo{font-weight:700;color:rgba(255,255,255,.8);color:#fff;}
.overlay-text{margin-top:1em;font-size:1.8em;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 2px 5px rgba(0, 0, 0, .7);padding:.5em 1em;background:rgba(0, 0, 0, .6);border-radius:8px;}
.padded-box{padding:.25em;}
.padded-box.padded-box{padding:.25em;}
.underline-image{border-radius:12px;border:2px solid #1e90ff;display:block;overflow:hidden;transition:border-color .3s ease, box-shadow .3s ease;}
.underline-image:hover{border-color:#00bfff;box-shadow:0 0 12px #1e90ff;}
@media (max-width:1000px){
nav.noteded{display:none;}
}
@media (max-width:1000px) and (orientation:landscape){
body,html{background-image:none!important;}
}
@media (min-height:1px){
body{display:inline;}
html body{display:inline;}
}
@media (min-height:667px){
body{display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;flex-direction:column;margin:1rem auto 1rem auto;}
html{overflow:hidden;}
}
@media (min-height:694px) and (orientation:portrait) and (max-height:806px) and (min-width:320px){
body{padding-top:5vh;}
html{font-size:18px;}
html:root{font-size:16px;}
nav.buttons.button-grid.noted{font-size:.75rem;}
#ftc1{display:none;}
}
@media (min-height:807px) and (orientation:portrait) and (max-height:1023px){
html{font-size:21px;font-size:16px;}
html:root{font-size:16px;}
nav.buttons.button-grid.noted{font-size:.83rem;}
}
@media (min-height:1000px){
html:root{zoom:1.25;}
}
@media (min-width:768px){
h2{font-size:.8em;}
}
@media (min-width: 1000px) and (orientation:landscape){
a.glass2{margin:1rem 1.1rem 1rem 1rem;}
body{background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%)!important;background-size:100%!important;}
nav.btt2,nav.btt4{margin-top:-13px;}
nav.buttons.button-grid.btt2.noteded > a.glass{margin:1rem 1px 1rem 1rem;}
nav.buttons.button-grid.btt4.noteded > a.glass{margin:1rem 1rem 1rem 1px;}
#botmnav2 > a.glass.glass2{margin:1rem 1.1rem 2.8rem 1rem!important;}
.content-wrapper{max-width:693px!important;}
.glass3,.glass4,.glass6,.glass7{min-width:2.5rem!important;}
.glass6,.glass7{margin-right:5px!important;}
}
div.logo.logox{font-family:Arial;}
footer,#ftc1{color:white;}
html,body{background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%)!important;height:99%;width:99%;font-family:Verdana;overflow:hidden;}
img.lefttop{width:1rem;height:1rem;left:1px;top:1px;position:absolute;cursor:default;top:0.1px;left:0.1px;width:20px;height:20px;}
section.c1{display:none;}
.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;}
@media (min-width: 1000px){
footer,#ftc1{max-width:fit-content;max-width:max-content;position:absolute;bottom:1px;min-width:100%;left:1px;color:white;background-color:black;}
}
@media (min-width: 1000px) and (min-height:700px) and (max-height:1000px) and (orientation:landscape){
html:root{left:unset;margin:auto;position:relative;top:unset;transform-origin:unset;transform:none;translate:unset;}
}
@media (min-height: 852px) and (max-width:768px) and (orientation:portrait){
#mytext{background-color:white;color:black;padding:1.75px;border:4px solid goldenrod;max-width:75vw;text-align:left;font-size:clamp(0.75rem, 0.85vh + 0.43rem, 1.75rem);font-family:Helvetica Neue;margin:2.25vh 1px 1px 1px;min-width:297px;width:max-content;}
section.c1,#mytext{display:block;}
}
#zimage{height:10rem;min-height:1rem;max-height:10rem;}
/*! CSS Used from: https://www.inconsequential.org/files/09x/css3/mobile.css ; media=(max-width: 999px) */
@media (max-width: 999px){
#zimage{height:auto;}
.buttons a{padding:0.6em 1em;font-size:.8rem;min-width:2rem;font-size:.8rem!important;}
.hero img{max-width:100%;transition:transform 11s!important;}
@media (max-height:699px) and (max-width:500px){
body{padding-top:1px;}
footer{display:none;}
html{position:relative;top:unset;left:unset;transform:unset;}
}
@media (max-height:850px) and (max-width:400px) and (orientation:portrait){
footer{padding:1em;font-size:.9em;}
.content-wrapper{padding-top:1px;}
.hero img{max-width:fit-content;}
}
@media (max-height:1345px) and (max-width:320px) and (orientation:portrait){
html{left:unset;overflow:visible;position:relative;top:1px;transform:none;zoom:.8;}
html:root{left:unset;overflow:visible;position:relative;top:1px;transform:none;zoom:.8;}
}
@media (max-width:468px){
.buttons{justify-content:center;justify-items:center;grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
header{font-size:1.2em;}
.buttons{flex-direction:column;flex-direction:unset;width:10em;}
.buttons a{width:90%;text-align:center;}
.highlight{font-size:.88em;}
.logo{max-width:14.8em;}
.overlay-text{font-size:1em;}
}
@media (max-width:768px){
h2{font-size:1rem;margin:auto;}
.buttons{width:15em;}
.buttons a{font-size:.9em;}
.overlay-text{font-size:1.2em;}
}
@media (min-height:860px){
.buttons a{min-width:2rem!important;}
}
@media (min-width:2px) and (max-width:375px) and (max-height:740px) and (orientation:portrait){
body{padding-top:0;}
footer{bottom:1px;position:absolute;min-width:100%;padding:1em 0;}
.content-wrapper{padding:0;}
}
@media (min-width:2px) and (min-height:100px) and (max-height:768px) and (orientation:landscape){
body,html{overflow:visible;min-height:100%;zoom:1;background:gray;min-height:max-content;background:#4682b4;}
html body,html:root{overflow:visible;min-height:100%;zoom:1;min-height:max-content;background:#4682b4;}
}
@media (min-width:100px) and (min-height:100px) and (orientation:portrait){
body{overflow-y:visible;}
div.highlight.logo.padded-box{zoom:1.05;}
footer{bottom:1px;position:absolute;padding:1px 0;width:100%;}
html body{overflow-y:visible;}
nav.buttons.button-grid.noted{font-size:.95rem;}
nav.buttons.button-grid.noted.noted{font-size:.95rem;}
section.hero{zoom:1.2;}
.content-wrapper{padding:1px;}
.content-wrapper.content-wrapper{padding:1px;}
}
@media (min-width:376px) and (min-height:741px) and (orientation:portrait){
body{padding-top:0;}
footer{bottom:1px;position:absolute;min-width:100%;padding:1px 0;}
.content-wrapper{padding:0;}
}
@media (orientation:landscape){
.center-container{align-items:flex-start;padding-top:20px;}
}
@media (orientation:portrait){
.content-wrapper{width:100%;max-width:1200px;padding:15px;}
}
}
/*! CSS Used from: https://www.inconsequential.org/files/09x/css3/desktop.css ; media=(min-width: 1000px) */
@media (min-width: 1000px){
a.glass2{margin:1rem;width:20em;}
a.glass3{float:right;height:10em;margin:1rem;}
a.glass4{float:right;height:10em;margin:1rem;}
a.glass6{float:left;height:10em;margin:1rem;}
a.glass7{float:left;height:10em;margin:1rem;}
body{background-position-x:50%;background-position-y:50%;min-height:fit-content;background-size:45%, auto;background-size:520px;}
body,html{background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);background-repeat:no-repeat, repeat;background-position:center;background-size:50%, auto;background-origin:padding-box;background-position-x:50%;background-position-y:30%;}
div.highlight.logo.padded-box{font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 2px 5px rgba(0, 0, 0, .7);background:rgba(0, 0, 0, .9);border-radius:1px;}
footer{max-width:fit-content;max-width:max-content;position:absolute;bottom:1px;min-width:100%;left:1px;}
html:root{zoom:1;}
html body{background-position-x:50%;background-position-y:50%;min-height:fit-content;background-size:45%, auto;background-size:520px;}
html body,html:root{background:none, linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%);background-repeat:no-repeat, repeat;background-position:center;background-size:50%, auto;background-origin:padding-box;background-position-x:50%;background-position-y:30%;}
main.container{padding-top:1px;}
nav.btt{display:grid;margin:0 auto;}
nav.btt.btt{display:grid;margin:0 auto;display:-webkit-box;max-width:100vw;}
nav.btt2{display:block;float:right;margin-top:-.5rem;}
nav.btt2,nav.btt4{margin-top:-2.2rem;margin-top:-9px;margin-top:1px;}
nav.btt4{display:block;float:left;margin-top:-.5rem;}
nav.noted{display:none;}
.button-grid{display:flex;}
.center-container{height:100%;display:flex;justify-content:center;align-items:center;}
.content-wrapper{max-width:1000px;}
.hero img{display:none!important;}
.navigation-wrapper{padding:1px;margin-bottom:1px;width:100%;max-width:100%;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;margin:1rem auto;}
@media (min-height:595px) and (max-height:2000px){
#rrr{display:none;}
}
@media (min-height:700px) and (max-height:1000px) and (orientation:landscape){
html{left:unset;margin:auto;position:relative;top:unset;transform-origin:unset;transform:none;translate:unset;}
html:root{left:unset;margin:auto;position:relative;top:unset;transform-origin:unset;transform:none;translate:unset;}
#rrr{display:none;}
}
@media (min-height:1079px) and (orientation:landscape){
html{left:unset;margin:auto;position:relative;top:unset;transform-origin:unset;transform:none;translate:unset;zoom:1.75;}
html:root{left:unset;margin:auto;position:relative;top:unset;transform-origin:unset;transform:none;translate:unset;zoom:1.75;}
#rrr{display:none;}
}
@media (min-height: 1079px) and (orientation:landscape){
html:root{zoom:1.76;}
}
@media (min-width:1900px) and (orientation:landscape){
body{min-height:75vh;min-width:99vw;}
html{zoom:1;overflow:hidden;height:auto;width:fit-content;max-height:100vh;}
html:root{zoom:1;overflow:hidden;width:fit-content;max-height:100vh;}
}
@media (min-width: 1900px) and (orientation:landscape){
body{min-width:57vw;width:99%;min-width:100%;min-height:100vh;max-width:100%;max-height:100%;}
html{width:100%;}
html:root{width:100%;}
}
@media (min-width:2400px) and (min-height:1100px) and (orientation:landscape){
html{zoom:1.75!important;}
html:root{zoom:1.75!important;}
}
}
/*! CSS Used from: https://www.inconsequential.org/files/09x/css3/deskzoom.css ; media=(min-width: 1000px) */
@media (min-width: 1000px){
@media (min-width:1500px) and (min-height:990px) and (orientation:landscape){
html{zoom:1.25!important;}
}
}
/*! CSS Used from: https://www.inconsequential.org/files/09x/css3/xcss.css */
@media (min-width:999px) and (orientation:landscape){
div.highlight.logo.padded-box{margin-left:-0.57em;}
.buttons.buttons{margin-top:-0.8rem;}
}
div.highlight.logo.padded-box{padding:0.14rem 0.4rem;border-radius:0.5rem;}
div#love{border-radius:0.25rem;}
#dog,#dog1{color:rgba(255,255,255,.9);text-shadow:0 2px 5px rgba(0, 0, 0, .7);text-decoration:none;}
#ftc1{text-align:center;font-size:10px;}
#foo2{display:inline-block;text-align:left;}
@media (min-width:999px) and (orientation:landscape){
div.content-wrapper{margin-top:-1.25rem;}
}
@media screen and (min-height: 625px) and (orientation:portrait) and (min-height: 43rem){
#ftc1,footer{display:block!important;}
}
#lnk3{text-decoration:none;color:inherit;}
/*! CSS Used from: Embedded */
:root,html:root,html,body{font-size:1.082rem!important;zoom:1!important;}
@media (max-width:999px) and (orientation:landscape){
:root,html:root,html,body{height:100vw!important;}
#ftc1{font-size:1rem!important;margin-top:1.2rem;}
}
@media (min-width:1000px) and (orientation:landscape){
:root,html:root,html,body{zoom:1!important;scale:1.5!important;font-size:clamp(14px, 0.5rem + 0.5vw, 17px)!important;}
footer{bottom:16.75vh!important;}
}
#mytext{background-color:white;color:black;padding:1.75px;border:4px solid goldenrod;max-width:75vw;text-align:left;font-size:clamp(0.75rem, 0.85vh + 0.43rem, 1.75rem);font-family:Helvetica Neue;margin:2.25vh 1px 1px 1px;min-width:297px;width:max-content;}
@media (min-width:1020px) and (min-height:600px) and (max-width: 1900px) and (max-height:900px) and (orientation:landscape){
:root,html:root,html,body{zoom:1!important;scale:1!important;font-size:16px!important;transform-origin:top center!important;}
footer,#ftc1{bottom:1px!important;}
.content-wrapper{margin:auto!important;}
}
#mytext{font-size:clamp(0.5rem, 0.85vh + 0.43rem, 0.75rem);}
a.glass{color:darkred!important;font-family:Arial, Verdana!important;}
#mytext,#texted2{font-family:Arial, Verdana!important;}
a.ppagex{text-decoration:none!important;color:goldenrod!important;}
@media (min-width: 1000px){
#texted{margin-bottom:0.33rem!important;}
div.highlight.logo.padded-box{margin-bottom:0.75rem;}
main.container{padding-top:1px;}
.otvv{margin-top:1px;}
}
#pink{border-bottom:2px solid gold;}
/*! CSS Used from: Embedded */
#pink{border:none!important;}