:root {
    --primary-color: #0E1116;
}
html,
body,
p,
ul,
li {
    padding: 0;
    margin: 0;
}
p {
    word-break: keep-all;
}
html,
body {
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.background {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.1) 25%,
        rgba(0, 0, 0, 0.1) 25%, 
        rgba(0, 0, 0, 0.1) 50%,
        rgba(255, 255, 255, 0.1) 50%,
        rgba(255, 255, 255, 0.1) 75%,
        rgba(0, 0, 0, 0.1) 75%,
        rgba(0, 0, 0, 0.1) 100%
      );
      background-size: 80px 80px;
      animation: stripes 100s linear infinite reverse;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
  }
  
  @keyframes stripes {
    from { background-position: 100% 0; }
    to { background-position: 0 0; }
  }
  
.bold {
    font-weight: bold;
}
.primary-color {
    color: var(--primary-color);
}

.container {
    position: absolute;
    z-index: 12;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.container .logo {
    flex: 1;
    justify-content: center;
    display: flex;
    align-items: center;
}

.logo-image {
    width: 300px;

}

.container .footer {
    color: white;
    text-align: center;
    margin-bottom: 1rem;
}

.container .footer .company {
    font-size: 0.7rem;
}

.container .footer .love {
    font-size: 0.5rem;
    margin-top: 0.5rem;
}