body {
background-color:CornflowerBlue;
color:azure;
font-family:verdana;
}
.black {
 color: #000000;
}
button {
align-items: center; 
background-clip: padding-box; 
background-color: #ffffff; 
border-radius: .25rem; 
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0; 
box-sizing: border-box; 
color: #000000; 
cursor: pointer; 
display: inline-flex; 
font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif; 
font-size: 16px; 
font-weight: 600; 
justify-content: center; 
line-height: 1.25; 
margin: 0; 
min-height: 3rem; padding: calc(.875rem - 1px) calc(1.5rem - 1px); 
position: relative; 
text-decoration: none; 
transition: all 250ms; 
user-select: none; 
-webkit-user-select: none; 
touch-action: manipulation; 
vertical-align: baseline; 
width: auto; } .button-5:hover, .button-5:focus { background-color: FFFFFF; box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px; } .button-5:hover { transform: translateY(-1px); } .button-5:active { background-color: #c85000; box-shadow: rgba(0, 0, 0, .06) 0 2px 4px; transform: translateY(0);
}
.homescreen {
  align-items:center;  
  background-color:Azure; 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 40%;
  border-radius: 5px;
}