body{
    width: 100vw;
    height: 100vh;
    overflow: auto;
    position: relative;
    background-image: url("/srco/bck.webp") ;
}
.button {
  box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 0px #dfdfdf;
  list-style: none;
  border-radius: 0px;
  width: auto;
  padding: 5px;
  text-decoration: none;
  line-height: 1;
  cursor: pointer;
  background: #c9c9c9;
  position: relative;
  left: 700px;
  bottom: -110px;
}

/* HOLDS MY BUTTONS HORIZONTALLY*/
ul > li {
    display: inline-block;
}

/* ART gallery box + scrollbar */

main{   
    overflow: scroll;
    position: relative;
    top: 150px;
    left: calc(20% - 235px);
    width: 1400px;
    height: 1225px;
    padding: 30px;
    border: 6px red;
    outline: 4px black;
    border-radius: 5px;
    background-color: white;
}

main:-webkit-scrollbar {
   width: 0;
   background: transparent;
 }
 
main:-webkit-scrollbar-thumb{
   background: transparent;
  }
main:-webkit-scrollbar-thumb:hover {
  background: transparent;
}

container{
  padding: 30px;
  margin: 0;
  width: 90%;
  height: 1225px;
}

.container-img{
  display: inline;
}