* { margin: 0px; padding: 0px; box-sizing: border-box; }
@font-face { font-family: "milky"; src: url("MilkyNice-Clean.ttf"); }
:root { --font_milky: "milky", sans-serif; }
html { scroll-behavior: smooth; }
body { font-family: var(--font_milky); color: rgb(0, 0, 0); }
.icon.copy_address.active { background-color: rgb(0, 151, 0); }
.snow-cap::before { top: 0px; margin-top: -3rem; left: 0px; background-image: url("top_about.svg"); background-repeat: repeat-x; }
.snow-cap::before, .snow-cap-2::before, .snow-cap-3::after { content: ""; position: absolute; width: 100%; height: 140px; z-index: 1; }
.menu-list a { padding: 0px 2.3rem; height: 45px; text-align: center; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out; color: rgb(0, 0, 0); }
.menu-list a:hover { background-color: rgb(157, 173, 209); color: rgb(255, 255, 255); }
.menu-list a.active { border: 2px solid rgb(71, 42, 26); }
.shadow_title { text-shadow: black -1px 0px, black 0px 9px, black 1px 0px, black 0px -1px; }
.hero .title { text-shadow: black -1px 0px, black 0px 15px, black 1px 0px, black 0px -1px; }
.left_right_animation { animation: 10s linear infinite animated; }
@keyframes animated {
0%, 50%, 100% { transform: translateX(0%); }
20% { transform: translateX(15%); }
70% { transform: translateX(-15%); }
}
.wobble { animation: 1s linear infinite wobble; }
@keyframes wobble {
0% { transform: none; }
15% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
30% { transform: translate3d(2%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
45% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
60% { transform: translate3d(3%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
100% { transform: none; }
}
.wobble { animation-name: wobble; }
.union_hover:hover img:nth-child(2) { rotate: -10deg; }
.token._1, .token._3 { rotate: 10deg; }
.token._1:hover, .token._2:hover, .token._3:hover, .token._4:hover { rotate: 0deg; }
.token._2, .token._4 { rotate: -10deg; }
.token._1 .icon div { background: radial-gradient(circle, rgb(136, 237, 136) 0%, rgb(0, 198, 0) 100%); }
.token._2 .icon div { background: radial-gradient(circle, rgb(45, 182, 186) 0%, rgb(20, 137, 140) 100%); }
.token._3 .icon div { background: radial-gradient(circle, rgb(94, 105, 147) 0%, rgb(31, 41, 82) 100%); }
.token._4 .icon div { background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(230, 209, 209) 100%); }
.token:hover { cursor: pointer; }
.token { animation: 3s linear infinite token; }
@keyframes token {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
}
.how { box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
footer { background: linear-gradient(rgb(167, 125, 68) 22%, rgb(255, 255, 255) 100%); }
footer a, footer p { font-family: "Montserrat", sans-serif; }
.text_about_footer, footer .link h3, footer .link a { text-shadow: white 0.3px 0.5px 0px; font-weight: 600; transition: 0.2s; }
footer .link a:hover { color: white; }
footer .social a:hover { scale: 1.1; }
.faq_text { height: 0px; }
.faq.active { height: auto; padding-bottom: 1rem; }
.faq.active .faq_text { height: auto; }
.faq.active .icon { rotate: 180deg; }
.title h2 span { animation: 3s linear infinite text_title; }
.title h2 span:nth-child(1), .title h2 span:nth-child(3), .title h2 span:nth-child(5), .title h2 span:nth-child(7), .title h2 span:nth-child(9) { rotate: -10deg; }
.title h2 span:nth-child(2), .title h2 span:nth-child(4), .title h2 span:nth-child(6), .title h2 span:nth-child(8) { rotate: 10deg; }
.title h2 span:nth-child(1) { animation-delay: 0.2s; }
.title h2 span:nth-child(2) { animation-delay: 0.4s; }
.title h2 span:nth-child(3) { animation-delay: 0.1s; }
.title h2 span:nth-child(4) { animation-delay: 0.6s; }
.title h2 span:nth-child(5) { animation-delay: 0.5s; }
.title h2 span:nth-child(6) { animation-delay: 0.3s; }
.title h2 span:nth-child(7) { animation-delay: 0.5s; }
.title h2 span:nth-child(8) { animation-delay: 0.7s; }
@keyframes text_title {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-5%); }
}
.union { animation: 2s linear infinite union; rotate: -10deg; }
.union:hover { rotate: 0deg; }
@keyframes union {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
}
.zoom_animation { animation: 15s linear infinite zoom_animation; }
@keyframes zoom_animation {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}
@media screen and (max-width: 500px) {
  .snow-cap::before, .snow-cap-2::before, .snow-cap-3::after { top: -15px; margin-top: 0rem; background-size: contain; }
  .shadow_title { text-shadow: black -1px 0px, black 0px 5px, black 1px 0px, black 0px -1px; }
  .hero .title { text-shadow: black -1px 0px, black 0px 5px, black 1px 0px, black 0px -1px; }
  .token._1, .token._3, .token._2, .token._4 { rotate: 0deg; }
}
.snowflake { position: absolute; width: 0.6vw; height: 0.6vw; background-color: white; border-radius: 50%; top: -5vw; }
.snowflake:nth-child(1) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 82vw; animation: 6s linear -4s infinite snowfall; }
.snowflake:nth-child(2) { --size: 0.4vw; --left-ini: 8vw; --left-end: 3vw; left: 32vw; animation: 11s linear -4s infinite snowfall; }
.snowflake:nth-child(3) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 12vw; animation: 10s linear -4s infinite snowfall; }
.snowflake:nth-child(4) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 42vw; animation: 4s linear -4s infinite snowfall; }
.snowflake:nth-child(5) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 68vw; animation: 8s linear -4s infinite snowfall; }
.snowflake:nth-child(6) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 62vw; animation: 4s linear -10s infinite snowfall; }
.snowflake:nth-child(7) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 27vw; animation: 12s linear -1s infinite snowfall; }
.snowflake:nth-child(9) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 23vw; animation: 7s linear -2s infinite snowfall; }
.snowflake:nth-child(10) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 66vw; animation: 12s linear -4s infinite snowfall; }
.snowflake:nth-child(11) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 12vw; animation: 6s linear -4s infinite snowfall; }
.snowflake:nth-child(12) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 44vw; animation: 5s linear -4s infinite snowfall; }
.snowflake:nth-child(13) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 66vw; animation: 14s linear -7s infinite snowfall; }
.snowflake:nth-child(14) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 36vw; animation: 6.5s linear -1s infinite snowfall; }
.snowflake:nth-child(15) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 50vw; animation: 9s linear -2s infinite snowfall; }
.snowflake:nth-child(16) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 39vw; animation: 6s linear -4s infinite snowfall; }
.snowflake:nth-child(17) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 69vw; animation: 10s linear -2s infinite snowfall; }
.snowflake:nth-child(18) { --size: 0.4vw; --left-ini: 8vw; --left-end: -3vw; left: 67vw; animation: 5s linear -4s infinite snowfall; }
@keyframes snowfall {
0% {  }
100% { transform: translate3d(var(--left-end), 190vh, 0); }
}
.float_animation { animation: 2s ease-in-out infinite float; }
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}