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

body {
    margin: 0;
    padding: 0;
    background-image: url('tyopaikka-pohja4.png');
    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 {
    padding-top: 90px; /* Ensures 90px space from the top */
    padding-left: 65px; /* Ensures 65px left padding for all content */
    max-width: 930px; /* Limits width for alignment */
}

h1 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    margin-bottom: 70px; /* Adds space below h1 to match the screenshot */
    white-space: nowrap; /* Keeps h1 on one line */
}

h2 {
    font-size: 45px;
    color: white;
    font-weight: bold;
    margin-top: 0; /* Removes extra top margin */
    margin-bottom: 15px; /* Reduces spacing between h2 titles */
    max-width: 930px; /* Restricts h2 width */
    white-space: normal; /* Allows wrapping for long titles */
    line-height: 1.2; /* Adjusts line height for readability */
}

p.date {
    font-size: 30px;
    color: #08A8C6; /* Matches color used for dates in the screenshot */
    margin-top: -10px; /* Adjusts spacing to bring date closer to h2 */
    margin-bottom: 30px; /* Adds space below the date */
}