@font-face {
    font-family: "font-normal";
    src: url("../../font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "font-bold";
src: url("../../font/Roboto-Bold.ttf") format("truetype");
}
body {
    font-family: "font-normal";
    margin: 0;
    overflow-x: hidden;
    height: 100vh;
}
.color-grey {
    color: #666666;
}
.color-orange {
    color: #f37021;
}
.font-bold {
    font-weight: bold;
}
.maintain-page {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px;
}
.topbar {
    width: 100%;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 28px 0px;
}
.header-logo {
    width: 136px;
    height: 24px;
}
.content-wrapper {
    padding-top: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.maintain-image {
    width: 496px;
    height: 330px;
}
.title-text {
    padding-top: 40px;
    font-size: 24px;
}
.subtitle-text {
    padding-top: 16px;
    font-size: 20px;
}

.bottom-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.bzbs-logo {
    width: 88px;
    height: 18px;
}