.logo {
    vertical-align: middle;
    width: 6%;
    padding-right: 2%;
    padding-left: 3%;
}

.topbar {
    background-color: gray;
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 10px; /* Offset from the top */
    /* left: 10px; Offset from the left */
    right: auto; /* Ensure it's not centered horizontally */
    bottom: auto; /* Ensure it's not centered vertically */
    margin: 0; /* Remove auto margin */
    padding: 10px;
    /* border-radius: 10px; Optional: add border radius for rounded corners */
}

.searchbar {
    background: #303134;
    color: white;
    border-color: transparent;
    border-radius: 25px;
    height: 1.15cm;
    width: 36%;
}

.searchbar:hover {
    border-radius: 25px;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.2);
}

body {
    background-color: #202124;
    color: white;
    font-family: 'Roboto', sans-serif;
}