/* Reset default browser margins */
body {
    margin: 0;
    padding: 0;
    
    /* Use Flexbox to centre content */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Ensure the body takes up the full height of the viewport */
    min-height: 100vh;
    background-color: #ffffff;
}

/* Control the size of the logo */
.centre-logo {
    /* Change this value to make the logo larger or smaller */
    width: 300px; 
    
    /* Ensures the logo maintains its proportions */
    height: auto; 
    
    /* Prevents the logo from overflowing on very small screens */
    max-width: 90vw; 
}