/*
Theme Name: Coming Soon
Theme URI: https://example.com/comingsoon
Description: A simple coming soon WordPress theme with background image and logo
Author: Your Name
Author URI: https://example.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comingsoon
Tags: coming-soon, simple, minimal
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.background-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('./assets/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

main {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-content {
    /* "Coming Soon" styling */
    width: 60%; /* Reasonable desktop width */
    max-width: 900px;
    display: flex;
    justify-content: center;
}

.center-content img {
    width: 100%;
    height: auto;
    object-fit: contain;
    /* Adding a subtle drop shadow to pop from background if needed, 
       but keeping it clean as per usually requested premium feel */
}

.logo-container {
    position: absolute;
    bottom: 5%; 
    left: 5%;
    width: 15%; /* Responsive width relative to viewport */
    min-width: 120px;
    max-width: 200px;
}

.logo-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsiveness */
@media (max-width: 768px) {
    .center-content {
        width: 85%;
    }
    
    .logo-container {
        width: 25%;
        bottom: 20px;
        left: 20px;
    }
}