body {
    background-color: rgb(29, 29, 29);
    color: rgb(210, 210, 210);
}

input[type=text] {
    padding: 5px;
    border: 1px solid #444;
    background-color: #1a1a1a;
    color: rgb(210, 210, 210);
}

input[type=text]:focus {
    outline: none;
}

button, 
input[type=submit] {
    padding: 5px 10px;
    border: 1px solid #444;
    background-color: #2a2a2a;
    color: rgb(210, 210, 210);
}

button:hover,
input[type=submit]:hover {
    background-color: #333;
}

.search_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15vh;
    row-gap: 10px; 
}

.logo {
    width: 300px;
}

.logo-small {
    display: block;
    width: 200px;
}

.search_box {
    display: flex;
    justify-content: center;
    gap: 3px;
    flex-direction: row;
}

.search_bar_top {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 5px;
}

.result {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 28px;
    /* padding: 16px 0;  */
    /* background-color: rgb(156, 156, 253); */
}

.result-source {
    display: flex;
    flex-direction: row;
    align-items: center; 
    gap: 8px;
}

.result-source p {
    margin: 0; 
    font-size: 0.8rem;
}

.result-icon {
    height: 0.75rem;
    width: auto;
    aspect-ratio: 1 / 1;
    display: inline-block;
}

.result-url {
    margin: 0; 
    font-size: 1.2rem;
}

.result-description {
    margin: 0; 
}

.result-container {
    display: flex;
    flex-direction: column;
    max-width: 70%;
    margin-top: 10px;
    /* margin-left: 10px; */
}

.result-page {
    display: flex;
    flex-direction: column;
    margin-left: 20px; 
    margin-top: 15px;
    width: 55%;
}

.all_container {
    display: flex;
}

ul {
    padding: 0; 
    list-style-type: none;
}

a {
    color: rgb(89, 169, 255);
}