* {
    box-sizing: border-box;
}   

body {
    background-image: url('../images/campus.jpg');
    background-attachment: fixed; /* Ensures image is within the veiwport as the user scrolls */
    background-size: cover; /* Scales the image to fill empty space while preserving its ratio */
}   
    
.layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}