html {
    background-color:#646464;
    margin:0;
    font-family: Rubik;
}

.body {
    margin: auto;
}

.topheader {
    position: relative;
    width: 440px;
    height: 309px;
    
}

.catlogo {
    position: absolute;
    margin-left: 125px;
    width: 169px;
height: 169px;
aspect-ratio: 1/1;
background: url(cat_logo.png) #5B5B5B 50% / cover no-repeat;
}

.wrapper {
    position: relative;
    max-width: 1050px;
    margin: auto;
    float: right;
}



.artworks {
   
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 10px;
}


@media screen and (min-width: 650px){
    .topheader {
        position: absolute;
        width: 440px;
        height: 1060px;
        background-color: #5B5B5B;
    }

    .artworks {
        position:relative;
        float: auto;
    }

}