l-logo { display: block; font-size: 40px; text-align: center; font-weight: bold; text-shadow: rgb(0, 0, 199) 2px 2px 2px; color: var(--lnkC); font-family: "Guttman Frank"; border-block-end: 5px double rgb(0, 150, 136); width: 85%; margin-inline: auto; }
span { border-radius: 50px; background-image: repeating-conic-gradient(at 0% 50%, rgb(233, 30, 99) 4deg, rgb(255, 255, 255) 10deg, rgb(233, 30, 99) 11deg); width: 30%; height: 26px; display: inline-block; }
span + span { background-image: repeating-conic-gradient(at 100% 50%, rgb(233, 30, 99) 4deg, rgb(255, 255, 255) 10deg, rgb(233, 30, 99) 11deg); }
d-p { display: block; font-size: 16px; line-height: 24px; margin-block: 20px; text-align: right; }
d-h { display: block; font-size: 18px; line-height: 32px; margin-block: 20px; text-align: center; }
d-list { display: block; font-size: 20px; line-height: 30px; margin-block: 6px; text-align: right; }
d-small { font-size: 12px; color: rgb(0, 107, 0); display: block; text-align: right; }
d-title { display: block; font-size: 22px; text-decoration: underline double rgb(1, 1, 199); }
b-title { display: block; font-size: 26px; text-align: center; font-weight: bold; text-shadow: rgb(130, 130, 130) 2px 2px 2px; }
b-g { display: block; text-align: right; line-height: 28px; margin-block: 20px; }
b-side { animation-direction: alternate; animation-delay: 2s; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; display: block; background-color: rgb(255, 255, 255); background-image: repeating-conic-gradient(rgb(255, 194, 194) 2deg, rgb(0, 100, 0) 6deg, rgb(166, 247, 166) 8deg, rgb(255, 255, 255) 10deg); margin-inline: auto; margin-block-start: 46px; border-radius: 120px; box-shadow: rgb(184, 184, 255) 2px 2px 1px 1px; height: 130px; width: 130px; }
i-name { display: inline; font-size: 18px; }
i-tel { display: inline; font-size: 14px; }
i-note { display: inline; color: rgb(0, 107, 0); font-size: 14px; }
div { margin-top: 24px; }
div a { padding: 0px; height: 35px; display: inline-block; }
div a:hover { }
div a img { }
div hr { block-size: 1px; inline-size: 80px; border-radius: 7px; background-color: rgba(0, 40, 215, 0); display: inline-block; margin-block: 7px; margin-inline: 0px; border-block-start: 2px solid rgb(113, 61, 255); border-block-end: 2px solid rgb(189, 189, 255); }
div input[type="radio"] { accent-color: rgb(0, 0, 199); }
@keyframes mymove1 { 
  0% { rotate: 0deg; }
  100% { rotate: 360deg; }
}
@keyframes mymove2 { 
  0% { rotate: 360deg; }
  100% { rotate: 0deg; }
}
@media screen and (max-width: 630px) {
  * { scrollbar-width: none; }
  body { scrollbar-width: none; }
  span { width: 100px; }
  b-side { display: none; }
}
@media screen and (max-width: 470px) {
  l-logo { width: 90%; }
  span { width: 25%; }
}
@media screen and (max-width: 412px) {
  l-logo { width: 95%; }
  span { width: 20%; }
}