@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

body {
background-color: pink;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/clover7.png);
cursor: default;
}

a:link {
color: #B6D102;
text-decoration: underline;
font-weight: bold;
}
a:visited {
color: #B6D102;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #94AA00;
text-decoration: underline wavy;
font-weight: bold;
cursor: pointer;
}

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #BDBDBD;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-track {
background-color: #fff;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/asset/scrollbar2.png);
}
::-webkit-scrollbar-button {
background-color: darkgrey;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/asset/scrollbar1.png)
}
::-webkit-scrollbar-button:vertical:start {
background-position: -45px 0;
}
::-webkit-scrollbar-button:vertical:end {
background-position: 0 0;
}
::-webkit-scrollbar-button:horizontal:start {
background-position: -15px 0;
}
::-webkit-scrollbar-button:horizontal:end {
background-position: -30px 0;
}

::selection {
color: hotpink;
background-color: pink;
}


/* .banner {
width: 100%;
height: 20px;
position: fixed;
z-index: 1;
right: 0px;
top: 0px;
background: url("https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/ezgif.com-webp-to-gif-converter.gif") repeat left top;
background-size: auto;
}
*/

header {
text-align: center;
}
header img:hover {
filter: drop-shadow(0px 0px 10px hotpink);
}

h1 {
font-family: 'MS UI Gothic';
font-size: 15px;
text-align: center;
color: white;
text-shadow: hotpink 2px 0px 0px, 
hotpink 1.75517px 0.958851px 0px, 
hotpink 1.0806px 1.68294px 0px, 
hotpink 0.141474px 1.99499px 0px, 
hotpink -0.832294px 1.81859px 0px, 
hotpink -1.60229px 1.19694px 0px, 
hotpink -1.97998px 0.28224px 0px, 
hotpink -1.87291px -0.701566px 0px, 
hotpink -1.30729px -1.5136px 0px, 
hotpink -0.421592px -1.95506px 0px, 
hotpink 0.567324px -1.91785px 0px, 
hotpink 1.41734px -1.41108px 0px, 
hotpink 1.92034px -0.558831px 0px;
}

.contain {
width: auto;
height: auto;
padding: 40px;
padding-top: 10px;
}

.box {
border-style: solid;
border-image: url('https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/b2.png') 7 fill round;
border-width: 10px;
padding: 10px;
}

h2 {
border-width: 5px;
border-style: ridge;
border-radius: 50px;
text-align: center;
font-size: 35px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
color: white;
padding: 5px;
}

p {
font-family: 'MS UI Gothic';
color: black;
font-size: 14px;
}

.kig {
mask-image: url(https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/Untitled551-20240703021704.png);
mask-size: contain;
mask-repeat: no-repeat;
width: 260px;
}

.kig2 {
mask-image: url(https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/Untitled551-20240703021704.png);
mask-size: contain;
mask-repeat: no-repeat;
width: 220px;
}

#s-m-t-tooltip {
z-index: 10;
margin: 20px;
padding: 5px;
color: white;
border-style: ridge;
border-width: 5px;
border-radius: 50px;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 25px;
border-color: #B6D102; background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/shrine%20asset/bg64.gif);
text-shadow: #94AA00 2px 0px 0px, 
#94AA00 1.75517px 0.958851px 0px, 
#94AA00 1.0806px 1.68294px 0px, 
#94AA00 0.141474px 1.99499px 0px, 
#94AA00 -0.832294px 1.81859px 0px, 
#94AA00 -1.60229px 1.19694px 0px, 
#94AA00 -1.97998px 0.28224px 0px, 
#94AA00 -1.87291px -0.701566px 0px, 
#94AA00 -1.30729px -1.5136px 0px, 
#94AA00 -0.421592px -1.95506px 0px, 
#94AA00 0.567324px -1.91785px 0px, 
#94AA00 1.41734px -1.41108px 0px, 
#94AA00 1.92034px -0.558831px 0px;
font-weight: 700;
}