@import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');


*{
    box-sizing: border-box;
}
body{   
    background-color: #e1e1e1;;
    font-family: "Muli",sans-serif;
    display: flex;  
    margin:0;  
    align-items: center; 
    justify-content:center;  
    text-align: center;
    height: 100vh; 
    overflow:hidden;
}  

.key 
{
  border:1px solid black; 
  background-color: #fff; 
  box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  display: inline-flex; 
  align-items: center; 
  flex-direction: column;
  padding:20px; 
  margin:20px; 
  font-weight: bold;
  text-align: center; 
  position:relative;  
  min-width:150px;
} 

.key small
{
    position:absolute; 
    top:-20px;  
    left:0px;
    text-align: center; 
    width:100%;
    /* border:2px solid green; */
}