body{
    margin-top: 0;
}

header{
    position: relative;
    display: flex;
    font-family: 'Comfortaa', 'Outfit', 'Quicksand', 'Josefin Sans';
    font-size: 0.7em;
    align-items: center;
}

main{
    display: flex;
    font-family: Quicksand;
    align-items: center;
}

.search-wrapper{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;    
    align-items: center;
    border: 1px solid #00a994;
    border-radius: 999px;
    padding: 8px 16px;
    width: 380px;
    max-width: 60%;
}

.search-bar{
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    -webkit-apperance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

.search-btn{
    border: none;
    outline: none;
    background: transparent;
    box-shadow: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 900px){
.search-wrapper{
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    display: flex;    
    align-items: center;
    gap: 8px;
    border: 1px solid #00a994;
    border-radius: 999px;
    padding: 6px 12px;
    max-width: 30%;
}
.search-btn{
    position: relative;
    
}
.fa-solid.fa-magnifying-glass{
    flex-shrink: 0;
    color: black;
    font-size: 14px;
    cursor: pointer;
}
}