body { 
	font-family: "Roboto", sans-serif;
	font-variant: small-caps;
	font-variant: common-ligatures small-caps;
    margin: 0; 
    padding: 0; 
    color: #5218fa;
  background-color: #eee;
} 
/*  
.sub-block { 
    border: 1px solid #030303; 
    padding: 20px; 
    margin: 10px 0; 
    height: 50px; 
    text-align: center; 
} 
*/
  
#content-before-loading { 
    text-align: center; 
    display: none; 
    font-size: 200%; 
    margin-top: 20px; 
    max-width: 80%;
    margin: 20px auto; 
    padding: 20px; 
    text-align: center;
  background-color: #eee;
}

.sub-block {
font-size: 200%; 
  height: 70%;
  width: calc((100%) - 16px);
  margin: 8px;
  border-radius: 3px;
  transition: all 200ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-block:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}