.container2 {
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .column2 {
        border:1px;
        padding: 10px;
        box-sizing: border-box;
    }

    .column2 p {
        border: 1px solid #000; /* 1 pixel solid black border */
        padding: 10px;
        margin: 10px 0; /* Add some space between items */
        text-align: left; /* Align text to the left */
    }

    .search-container {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center; /* Horizontally center the items */
        align-items: center; /* Vertically center the items */
        gap: 5px; /* 5px space between field and button */
    }

    .search-field {
        flex-grow: 1; /* Takes up the available space */
        height: 45px; /* Adjusted to match the button's height */
        border: 1px solid #ccc; /* Optional, for better visibility */
        padding: 0 10px; /* Padding inside the input field */
    }

    .search-button {
        flex-shrink: 0; /* Prevents the button from shrinking */
        height: 45px;
        border-radius: 25px;
        padding: 0 15px; /* Adjust padding as needed */
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 10px;
        max-width: 1000px; /* Maximum width of the grid */
        margin: 0 auto; /* Center the grid horizontally */
    }
    .grid-item {
        //border: 1px solid black;
        padding: 10px;
        text-align: center;
        width: 290px;
    }
    @media (max-width: 900px) {
        .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 600px) {
        .grid-container {
            grid-template-columns: 1fr;
        }
    }


    #ip1 {
border-radius: 18px;
background: #600;
padding: 20px;
width: 200px;
height: 15px;
}
#ip2 {
border-radius: 25px;
border: 2px solid #3c3c3c;
padding: 20px;
width: 200px;
height: 15px;
}
#ip3 {
border: 2px solid #1e92c1;
}


body {
font: 300 18px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #2E3236;
-webkit-font-smoothing: antialiased;
}

p {
font: 300 18px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #2E3236;
margin-bottom: 20px;
}
a:link {
text-decoration: none;
}
a {
color: #2E3236;
-webkit-transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
 -o-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;
 }

a:hover {
color: #00BCEB;
}

.bluetext a:hover{
color: #00BCEB;
}

h1,
p a {
color: #2E3236;
}

p a:hover {
color: #00BCEB;
}


h1 { font: 300 40px/35px 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h2 { font: 300 25px/20px 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h3 { font: 300 25px/20px 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }