/* Basic reset and body styling */
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    background-color: #fff; 
    color: #071e37;
    /* Add padding to the whole page */
    padding: 2rem;
}

/* Container for the SVG to control its size and positioning */
.logo-container {
    width: 40vw;
    max-width: 280px;
    min-width: 200px;
    margin-bottom: 2rem; /* Add space between logo and text */
}

/* Ensure the SVG is responsive and visible */
.logo-container svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

/* Container for the text content */
.content-container {
    max-width: 600px;
    /* This clip-path hides the text until it's animated in */
    
}

/* Styling for the header */
.header-text {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

/* Styling for the body paragraph */
.body-text {
    font-size: 1.1rem;
    line-height: 1.6;
}