/*! CSS Used from: https://www.inconsequential.org/files/123/css.css */
body,html{margin:0;padding:0;font-family:"Arial", sans-serif;height:fit-content;background:#343434;color:#ffffff;overflow-x:hidden;}
header{display:flex;align-items:center;justify-content:center;padding:1em 2em;background-color:rgba(0, 0, 0, 0.7);font-size:1.5em;font-weight:bold;color:#ffffff;}
.container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2em;}
.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;}
.hero img:hover{transform:scale(1.05);}
.overlay-text{margin-top:1em;font-size:1.8em;font-weight:bold;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;}
.buttons{margin-top:2em;display:flex;flex-wrap:wrap;justify-content:center;}
.buttons a{background-color:#daab75;color:#fff;font-size:1em;font-weight:bold;text-decoration:none;padding:0.8em 1.5em;margin:0.5em;border-radius:5px;transition:background-color 0.3s;display:inline-block;}
.buttons a:hover{background-color:#b48960;}
footer{text-align:center;padding:1em;background-color:rgba(0, 0, 0, 0.7);font-size:0.9em;color:rgba(255, 255, 255, 0.8);}
@media (max-width: 768px){
.overlay-text{font-size:1.2em;}
.hero img{max-width:90%;}
.buttons a{padding:0.6em 1.2em;font-size:0.9em;}
}
@media (max-width: 480px){
header{font-size:1.2em;padding:0.8em;}
.overlay-text{font-size:1em;}
.buttons{flex-direction:column;}
.buttons a{width:90%;text-align:center;}
}
header,footer{max-width:fit-content;margin:0px auto;}
/*! CSS Used from: https://www.inconsequential.org/files/123/style.css */
.logo{font-weight:bold;color:rgba(255, 255, 255, 0.8);}
div.logo{font-weight:bold;color:rgba(255,255,255,0.8);}
.redt{display:flex;border:2px black solid;-webkit-text-stroke:0px;background:rgb(230,0,0)!important;color:rgb(14, 14, 14)!important;font:400 1em Verdana, Arial, sans-serif;margin-top:0em;max-width:fit-content;text-decoration:none;top:0.25rem;left:0.25rem;padding:1px 1px 1px 2px;}
footer{color:rgba(255,255,255,0.75);}
.buttons{display:block;}
#love{text-align:center;}
@media (max-width: 480px){
.buttons{flex-direction:unset;width:10em;}
}
@media (max-width: 768px){
.buttons{display:flex;width:15em;}
}
@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 (max-width:768px){
body{display:block!important;}
}
#xboarder{border:gold 4px solid;}
@media (min-height: 1px){
body{display:block!important;}
}
/*! CSS Used from: https://www.inconsequential.org/files/123/csschen.css */
h2{font-size:1.8rem;margin:auto;}
.hero img{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5);display:block;max-width:600px;transition:transform 0.3s ease-in-out;width:100%;}
.highlight{-webkit-text-stroke-color:white;-webkit-text-stroke:0.3px;background-color:black;font-size:14px;font-weight:bold;margin:-0.75rem auto;max-width:22.9em;padding:0.75rem 0.25rem;}
.logo{color:white!important;}
.padded-box{padding:0.25em!important;text-wrap:auto;}
.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;}
@media (max-width: 480px){
.highlight{font-size:0.88em;}
.logo{max-width:14.8em;}
}
@media (max-width: 768px){
h2{font-size:1rem;margin:auto;}
}
div.highlight{margin-top:1.25rem;display:block;}
div.highlight{max-width:329px;}
#dog{color:rgba(255, 255, 255, 0.9);text-shadow:0 2px 5px rgba(0, 0, 0, 0.7);text-decoration:none;}
html,body{height:100%;width:100%;margin:0;font-family:sans-serif;display:flex;justify-content:center;align-items:center;}
.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:400px;width:90%;}
.buttons a{background-color:#daab75;color:white;font-size:1em;font-weight:bold;text-decoration:none;padding:1em 0;text-align:center;border-radius:5px;transition:background-color 0.3s;display:block;margin:unset;}
#texted{max-width:fit-content;margin:auto;padding:1px 0.1rem;font-weight:400!important;}
#texted{font-family:'Helvetica Neue', sans-serif;font-size:1.8rem;font-weight:300;}
#largertext{color:gold;font-size:inherit;}
@media (max-width: 468px){
.buttons{justify-content:center;justify-items:center;}
}
@media (max-width: 468px){
.buttons{grid-template-columns:repeat(2, 1fr);}
}
/*! CSS Used from: Embedded */
@media (min-height: 1000px){
html{zoom:1.2;}
}
@media (min-height: 1300px){
html{zoom:1.3;}
}
div.highlight.logo,#largertext{font-size:1rem;line-height:1;}
/*header{margin-top:-2rem;}*/
html,body{min-height:fit-content!important;height:auto!important;width:100%!important;margin:0!important;}
section.c2{display:block;}
span.c1{text-decoration:none;}
.button-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2, auto);gap:10px;}
.button-grid a{display:flex;justify-content:center;align-items:center;min-width:5em;}
.buttons{height:fit-content;width:fit-content;}
@media (min-width: 768px){
h2{font-size:0.8em;}
}
.glass{color:rgba(128, 0, 32, 1)!important;background-color:rgba(218,171,117,0.9)!important;}
html, body {background-image: url('../img/pattern-tile.png');background-repeat: repeat;background-size: 3px;}