:root{
  --a1:3;
  }
@font-face{
    font-family:"melbo";
    src: url("https://files.catbox.moe/tk8idn.eot");
    src: url("https://files.catbox.moe/fbfywi.woff") format("woff");
   src: url("https://files.catbox.moe/pi0ec5.svg") format("svg");
    src: url("https://files.catbox.moe/gwbq3g.woff2") format("woff2");
   src: url("https://files.catbox.moe/1dvw5h.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    }
body{ margin: 0;
  overflow-x:hidden;}
   button{all:unset;} 
  .cabinet{
    position:relative;
    display: flex;
     flex-wrap: wrap;
    top:40px;
margin:auto;
justify-content:center;

width:65vw;
padding:10px;
border:2px solid brown;
    }
    .column{ flex:20%;padding: 0 5px;}
  .column div{display:block;margin:10px 0;
  } 
  .column button{font-family:melbo;cursor:grab;display:block; margin:10px 0;
  }
  .header span{font-family:"melbo"; font-size:6rem;}
  #shelf{display:block;position:absolute;top:0;left:50%; transform:translate(-300px,100px);height:400px;width:300px;border:3px solid red; background-color:white;}
  #shelfdrag{width:296px;top:0;height:20px;border:2px solid brown;background-color:papayawhip;
  cursor: move;
  z-index: 10;}
  #shelf button{height:18px;width:18px;background-color:white;cursor:grab;}
  
  
  #oone{display:none;}