body {
    margin: 0;
    font-family: monospace;
    background-color: #0d1117;
    color: #f8f8f2; /* Offwhite color */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Space out content and bottom */
    height: 100vh;
}

.container {
    text-align: center;
    flex: 1; /* Allow the container to grow and fill space */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center contents vertically */
}

.logo {
    margin-bottom: 20px; /* Space between logo and search bar */
    max-width: 400px; /* Limit logo width to be no wider than search bar */
    width: 100%; /* Responsive width */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
}

.search-container {
    display: flex;
    justify-content: center; /* Center the search bar and button */
    margin-bottom: 20px; /* Space between search bar and text lines */
    margin-left: auto; /* Center horizontally */
    margin-right: auto; /* Center horizontally */
    max-width: 95%;
}

.search-bar {
    width: 400px; /* Width of the search bar */
    padding: 10px; /* Padding inside the search bar */
    border: 1px solid #ccc; /* Border style of the search bar */
    border-radius: 5px 0 0 5px; /* Rounded corners on the left */
    background-color: gray;
}

.search-button {
    padding: 10px 15px; /* Padding for the button */
    border: 1px solid #ccc; /* Same border as the search bar */
    border-radius: 0 5px 5px 0; /* Rounded corners on the right */
    background-color: gray; /* Offwhite background for button */
    cursor: pointer; /* Pointer cursor on hover */
}

.text-line {
    margin-bottom: 15px; /* Space between text lines */
}

.text-line.one {
    color: lightgreen;
    font-size: 20px; /* Increase font size */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2); /* Offwhite shadow */
}

.text-line.two {
    color: #add8e6; /* Slight blue */
    cursor: pointer; /* Change cursor style */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

.text-line.two:hover {
    color: #00008b; /* Dark blue on hover */
}

.bottom-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 20px; /* Padding on the bottom bar */
    box-sizing: border-box; /* Include padding in width */
}

.bottom-left {
    align-self: flex-start; /* Align copyright to the left */
}

.bottom-right {
    align-self: flex-end; /* Align link to the right */
}

.light-blue-link {
    color: lightblue;
    text-decoration: none;
}

.light-blue-link:hover {
    text-decoration: underline; /* Underline on hover */
}