@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');

body {
    margin: 0;
    padding: 0;
    background-image: url('tyopaikka-pohja3.jpg');
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100vh;
    width: 100vw;
    font-family: 'Nunito', sans-serif;
    color: white;
}

.content {
    text-align: left;
    width: 65%;
    max-width: 1400px; /* Adjusted to give more space to the content */
    padding: 50px 0 0 85px; /* Adds 85px left padding for alignment */
}

h1 {
    font-size: 75px;
    color: white;
    text-align: left;
    font-weight: bold;
    margin-top: 30px; /* Starts 50px from the top */
    margin-bottom: 50px; /* Sets 50px space to the first h2 title */
    white-space: nowrap; /* Ensures h1 remains on a single line */
    max-width: 1400px; /* Increases max width to allow full display of long titles */
}

h2 {
    font-size: 45px;
    color: white;
    font-weight: bold;
    margin: 0 0 15px 0; /* Sets 25px space between h2 and h3 */
    max-width: 1265px; /* Sets maximum width */
    word-wrap: break-word; /* Allows text to break to a new line if needed */
    white-space: normal; /* Allows wrapping */
    line-height: 1.2;
}

h3 {
    font-size: 35px;
    color: white;
    font-weight: bold;
    margin: 0 0 15px 0; /* Adds 25px spacing below h3 */
}

p.date {
    font-size: 35px;
    color: #08A8C6;
    margin-bottom: 40px;
}