@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&family=Montserrat:wght@800&display=swap');


/* Set the page to take up the full height of the viewport */
html, body {
    height: 100%; /* Full height of the viewport */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    overflow: hidden; /* Disable scrolling */
    background-color: white /* Light gray background */
    color: #333; /* Default text color */
}
/* The popup box */
.popup-box {
    display: block; /* Show the popup by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px;
    border-radius: 10px;
    z-index: 1000;
}

/* Center content inside the popup */
.popup-content {
    text-align: center;
}

/* Style the button */
#ok-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#ok-button:hover {
    background-color: #45a049;
}
@media (max-width: 1280px) {
    .popup-box {
        
        top: 40%;
        left: 50%;
        
    
    }
}








/* **************************** */


/* styles.css */