/*!
 * Copyright (c) 2026 DUGAA (R)
 * www.dugaa.com
 * All rights reserved.
 * @ 2026-10-10 21:12:54
 */
/* scss/main.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
*:focus,
*:active {
  outline: none;
}
ul,
li,
ol {
  list-style: none;
}
img {
  border: none;
  vertical-align: middle;
}
a {
  text-decoration: none;
}
input[type=button],
input[type=submit],
span.btn {
  cursor: pointer;
}
a,
a:visited,
a:active {
  color: var(--linkFontColor);
  text-decoration: none;
}
input,
select,
textarea,
button {
  outline: none;
}
:root {
  color-scheme: light dark;
  --clp-bg-main: #F6F7F8;
  --clp-text_title: #3E4042;
  --clp-text-body: #111;
  --clp-text-mute: #949FA5;
  --clp-text-info: #815CBD;
  --clp-text-warning: #D39F1C;
  --clp-text-error: #a11526;
  --clp-text-success: #37A15D;
  --clp-text-link: #0E65D6;
  --clp-text-label: #566278;
  --border-radius: 8px;
}
html.dark-theme {
  --clp-bg-main: #2E3C4C;
  --clp-text_title: #EDEFEF;
  --clp-text-body: #D8DADC;
  --clp-text-mute: #8F9FA1;
  --clp-text-info: #A668E1;
  --clp-text-warning: #F69A58;
  --clp-text-error: #EF6D6F;
  --clp-text-success: #89E899;
  --clp-text-link: #5A94FB;
  --clp-text-label: #C7C9CD;
}
html.light-theme {
  color-scheme: light;
}
html.dark-theme {
  color-scheme: dark;
}
html.default-theme {
  color-scheme: light dark;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-display: block;
  font-weight: 100 700;
  src: url(/static/fonts/material-symbols-outlined_5.2.30_latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
.material-symbols-outlined,
.mat {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  overflow: hidden;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(/static/fonts/roboto_5.2.6_latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url(/static/fonts/roboto-mono_5.2.6_latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url(/static/fonts/roboto-condensed_5.2.6_latin-wght-normal.woff2) format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(/static/fonts/nunito_5.2.7_latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/static/fonts/inter_5.2.6_latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --ff-title: "Inter", sans-serif;
  --ff-display: "Nunito", sans-serif;
  --ff-label: "Roboto Condensed", sans-serif;
  --ff-condensed: "Roboto Condensed", sans-serif;
  --ff-body:
    "Roboto",
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  --ff-code: "Roboto Mono", monospace;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}
*.shake {
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spin {
  animation: spin 5s infinite linear;
  display: inline-block;
}
.bounce_icon {
  animation: chicken-hop 1.2s cubic-bezier(0.28, 0.84, 0.42, 1) 500ms both;
  transform-origin: bottom center;
}
@keyframes chicken-hop {
  0% {
    transform: translateY(0) scale(1, 1);
  }
  15% {
    transform: translateY(0) scale(1.1, 0.85);
  }
  35% {
    transform: translateY(-30px) scale(0.9, 1.1);
  }
  55% {
    transform: translateY(0) scale(1.15, 0.8);
  }
  70% {
    transform: translateY(-8px) scale(0.97, 1.03);
  }
  85% {
    transform: translateY(0) scale(1.05, 0.95);
  }
  100% {
    transform: translateY(0) scale(1, 1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-30px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(-7px);
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
.bounce {
  animation-duration: 2s;
  animation-iteration-count: 1;
  transform-origin: bottom;
  animation-name: bounce;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@keyframes poof {
  0% {
    transform: scale(0.9) translateY(0);
    opacity: 1;
  }
  100% {
    transform: scale(1.03) translateY(-10px);
    opacity: 0;
  }
}
.poof {
  animation: poof 0.6s forwards;
}
.btn-sqsh {
  cursor: pointer;
  user-select: none;
  transition: all 0.18s ease-in-out;
}
.btn-sqsh:hover {
  transform: scale(1.03) translateY(-1px);
  outline: none;
}
.btn-sqsh:active {
  transform: scale(0.95) translateY(1px);
  outline: none;
}
.btn-sqsh:focus {
  outline: none;
}
.break-all {
  word-break: break-all;
  overflow-wrap: break-word;
}
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
html {
  background-color: #353E39;
}
body {
  background-color: transparent;
}
html,
body {
  color: white;
}
html div#main,
body div#main {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
div.intro_box {
  width: 96%;
  max-width: 1200px;
  margin: -2rem auto 0 auto;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  font-family: var(--ff-body);
  row-gap: 1rem;
}
div.intro_box div.logo img {
  height: 80px;
  display: block;
}
div.intro_box ul.kw1 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
}
div.intro_box ul.kw1 li {
  font-size: 2rem;
  font-family: var(--ff-condensed);
  font-weight: 600;
  color: #dac9a9;
}
div.intro_box div.content {
  max-width: 600px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
div.intro_box div.content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4rem;
}
div.intro_box div.content p.primary {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 460;
}
@media only screen and (max-width: 600px) {
  div.intro_box {
    padding: 2rem;
    row-gap: 1.5rem;
  }
  div.intro_box div.logo img {
    height: 50px;
    display: block;
  }
}
/*# sourceMappingURL=main.css.map */