:root{
  --transblack: rgba(0, 0, 0, 0.4);
  --transwhite: rgba(255, 255, 255, 0.4);
}


.boin{
   box-shadow: 
        -1px -1px 0 1px rgba(0, 0, 0, 0.4),   
         inset 1px 1px black,

        inset -1px -1px white,
        1px 1px 0 1px rgba(255, 255, 255, 0.4);
        "
}

.boout{
  
border: solid 1px;
  border-color:  white rgb(0, 0, 0, 0.4) rgb(0, 0, 0, 0.4) white;
  box-shadow: 1px 1px 0 0 black,
             inset 0 0 0 1px rgba(255, 255, 255, 0.4);

  }


.bocarve {

 box-shadow:  
  0 0 0 1px black,

-1px -1px 0 1px rgba(0, 0, 0, 0.4),    
inset 0px -0px 0 1px rgba(0, 0, 0, 0.4),        
2px 2px 0 1px white,
1px 1px 0 3px rgba(255, 255, 255, 0.4),

          
inset 2px 2px 0 0px white,
inset 1px 1px 0 2px rgba(255, 255, 255, 0.4);
          
}


.bobump{

border: solid 1px white;
box-shadow:   
-1px -1px 0 1px rgba(255, 255, 255, 0.4),           
0px 0px 0 1px rgb(0, 0, 0, 0.4),
1px 1px 0 1px black,

inset -1px -1px 0 0px rgba(255, 255, 255, 0.4),           
inset 1px 1px 0 0px rgb(0, 0, 0, 0.4),
inset 1px 1px 0 1px black
           ;
}


.title{
       padding: 10px; 
   display: flex;
   justify-content: space-between;
   margin: 0 0 2;

}