header{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.searchbar{
    border: 2px solid rgb(238, 190, 242);
    border-radius: 10px;
    width: 80%;
    display: flex;
    align-items: center;
    padding: 5px;
    color: rgb(238, 190, 242);
}

.searchbar:hover, .searchbar:focus-within{
    border: 2px solid rgb(224, 178, 228);
    transition: 0.2s;
}

.searchbar button{
    flex-grow: 0;
    flex-shrink: 0;
    border: 0;
    background: inherit;
}

.searchbar button:hover{
    scale: 1.2;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.searchbar input[type = text]{
    font-size: 1rem;
    border: 0;
    flex: 1;
}

.searchbar input[type = text]:focus-visible{
    outline: 0;
}

.searchbar input{
    color: rgb(224, 178, 228);
    background-color: rgb(31, 14, 32);
    
}

.searchbar button > * {
    background: none;
    color: rgb(238, 190, 242) !important;
}