/* Define the ZCOOL XiaoWei Regular font with a fallback */
@font-face {
    font-family: 'ZCOOL XiaoWei';
    src: url('ZCOOLXiaoWei-Regular.ttf') format('truetype');
}

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('background.jpg') no-repeat center center fixed;
    background-size: cover;
    background-color: #f0f0f0; /* Fallback color if background image fails */
    font-family: 'ZCOOL XiaoWei', Arial, sans-serif; /* Fallback to Arial if font fails */
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
}

.logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 200px;
    height: auto;
}

.text {
    position: absolute;
    top: 55%; /* Slightly below center */
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: black;
}

.text h1 {
    font-size: 42px;
    margin: 0;
    font-weight: 700;
    color: black;
    text-transform: uppercase;
}

.text p {
    font-size: 20px;
    margin: 10px 0 20px 0; /* Space between text and icons */
    font-weight: 400;
    color: black;
}

.contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Space between the icons */
}

.icon {
    font-size: 32px; /* Size for FontAwesome icons */
    color: black; /* Match the text color */
    transition: opacity 0.3s ease; /* Hover effect */
}

.icon:hover {
    opacity: 0.7; /* Slight fade on hover */
}