#project-portfolio{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100vw;
    /* bottom: 0;
    right: 0; */
}
.overlay{
    position:absolute;
    pointer-events:auto;
    max-width: 200px;
    color:white;
    background:rgba(0,0,0,0.7);
    padding:6px 10px;
    border-radius:6px;
    display:none;

    & img{
        max-width: 100%;
        max-height: 200px;
    }
    & button:not(#surch>button){
        width: 100%;
    }
    & a{
        width: 100%;
    }
}
#surch{
    display: flex;
    /* change in code to display:flex; */
    top: calc(var(--header-h) * 2); 
    left: .5rem;
    right: .5rem;
    max-width: 500px;
    margin:  0 auto;
    flex-wrap: wrap;
    gap: .5rem;
    width: fit-content;
    
    &>*{
        display: block;
        margin:  0 auto;
    }
}