body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

* {
    font-family: 'Montserrat', sans-serif;
}

h1 {
    color: #2c2c2c;
    text-align: center;
}

p {
    color: #6c6c6c;
    text-align: center;
}

div.wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    
    div.box {
        position: absolute;
        width: fit-content;
        height: fit-content;
        top: 50%;
        left: 50%;
        
        transform: translateX( -50% ) translateY( -50% );
        div.logo {
            width: 200px;
            aspect-ratio: 0.67;
            margin: auto;
            background-image: url( '/assets/images/logo-w500.webp' );
            background-size: contain;
            background-repeat: no-repeat;
        }
        
    }
}