a.c1 {color:white; text-decoration:none;}
a.lefttop {text-decoration:none; cursor:default;}
body {min-height:100%; min-width:100%; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; flex-direction:column; margin:1rem auto;}
body, html {margin:0; padding:0; width:100%; height:100%; min-height:fit-content; color:#fff; font-family:sans-serif; overflow-x:hidden; background:#343434; 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;}
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,0.8);}
div.logo, header, #love {padding:0.2rem;}
h2 {font-size:0.8em; margin:auto;}
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,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:0.83rem;}
nav.noteded {display:none;}
section.c2 {display:block;}
span.c1 {text-decoration:none; word-spacing:-0.11px;}
span.c2 {color:red; word-spacing:normal; letter-spacing:normal; font-weight:700;}
#dog {color:rgba(255,255,255,0.9); text-shadow:0 2px 5px rgba(0, 0, 0, 0.7); text-decoration:none;}
#ftc1 {margin:0 auto; text-align:center; background-color:#000;}
#ftc2 {color:#fff; text-decoration:none;}
#largertext {color:gold; font-size:0.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:0;}
#texted {max-width:fit-content; margin:auto; padding:1px 0.1rem; font-size:1.8rem; font-weight:300; font-family:sans-serif !important;}
#xboarder {border:4px solid gold;}
.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;}
.buttons {margin-top:2em; flex-wrap:wrap; justify-content:center; display:grid; grid-template-columns:repeat(4,1fr); gap:0.5rem 1.5rem; max-width:400px; width:fit-content; height:fit-content; flex-direction:column; font-size:0.8em;}
.buttons a {background-color:#daab75; color:#fff; font-size:1em; font-weight:700; text-decoration:none; padding:1em 0; margin:unset; border-radius:5px; transition:background-color 0.3s; display:block; text-align:center;}
.buttons a:hover {background-color:#b48960;}
#navi a.glass {position:relative; padding:0.75em 1em; background-color:rgba(218,171,117,0.9); color:#800020; border-radius:4px; text-decoration:none; font-weight:600; transition:background-color 0.3s;}
#navi a.glass:hover {background-color:rgba(180,137,96,0.9);}
.center-container {width:100%; display:block; background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; min-height:100vh;}
.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, 0.9);}
.hero img {max-width:600px; width:100%; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.5); transition:transform 0.3s ease-in-out; display:block;}
.hero img:hover {transform:scale(1.05);}
.highlight {-webkit-text-stroke-color:#fff; -webkit-text-stroke:0.3px; background-color:#000; font-size:14px; font-weight:700; margin:-0.75rem auto; max-width:22.9em; padding:0.75rem 0.25rem;}
.logo {font-weight:700; color:#fff;}
.overlay-text {margin-top:1em; font-size:1.8em; font-weight:700; color:rgba(255,255,255,0.9); text-shadow:0 2px 5px rgba(0, 0, 0, 0.7); padding:0.5em 1em; background:rgba(0, 0, 0, 0.6); border-radius:8px;}
.padded-box {padding:0.25em;}
.superbold {font-family:Verdana, Arial, sans-serif; font-weight:700; -webkit-text-stroke:0.5px gold; text-shadow:1px 1px 1px rgba(255,255,255,0.3); font-size:inherit;}
.underline-image {border-radius:12px; border:2px solid #1e90ff; display:block; overflow:hidden; transition:border-color 0.3s ease, box-shadow 0.3s ease;}
.underline-image:hover {border-color:#00bfff; box-shadow:0 0 12px #1e90ff;}
div.logo.logox {font-family:Arial;}
footer, #ftc1 {color:white;}
html, body {min-height:100vh; width:100%; font-family:Verdana, sans-serif; overflow-x:hidden; overflow-y:auto; background:-webkit-linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important; background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important;}
img.lefttop {position:absolute; cursor:default; top:0.1px; left:0.1px; width:20px; height:20px;}
section.c1 {display:none;}
#zimage {height:10rem; min-height:1rem; max-height:10rem;}
div.content-wrapper {padding:1px;}

@media (max-width: 999px) {
html, body {background:linear-gradient(45deg,#1a1a1a 0,#2d2d2d 25%,#1a1a1a 50%,#404040 75%,#1a1a1a 100%) !important;}
}

@media (max-width: 1000px) and (orientation:landscape) {
body, html {background-image:none !important;}
}

@media (min-height: 1px) {
body, 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; flex-direction:column; margin: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, html:root {font-size:16px;}
nav.buttons.button-grid.noted {font-size:0.75rem;}
#ftc1 {display:none;}
}

@media (min-height: 807px) and (orientation:portrait) and (max-height:1023px) {
html, html:root {font-size:15px;}
nav.buttons.button-grid.noted {font-size:0.83rem;}
}

@media (min-height: 1000px) {
html:root {zoom:1.25;}
}

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

@media (min-width: 1000px) {
footer, #ftc1 {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;}
}

@media (max-width: 560px) and (orientation:portrait) {
.container {padding: 2em 1px 1px 1px;margin: 1px;} nav {padding: 2em 1.25rem 1px 1px;}}