body {
    padding-top: 1em;
    background: rgb(188, 203, 211);
 }
 
 canvas {
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    display: block;
    margin: 0 auto;
 }
 
 .heading-container {
   text-align: center;
 }

.container {
   display: table;
   margin: 0 auto;
   padding-top: 1em;
}

 
.check {
   width: 18px; height: 18px;
   cursor: pointer;
   margin: 15px;
}

.check-container {
   border: none;
   color: #404040;
   font-weight: 100;
   margin: 1px;
   text-transform: uppercase;
   border-radius: 6px;
   text-decoration: none;
   display: inline-block;
   transition: all 0.3s ease 0s;
}

 .btn {
   border: none;
   background: #404040;
   color: #ffffff;
   font-weight: 100;
   padding: 20px;
   text-transform: uppercase;
   border-radius: 6px;
   text-decoration: none;
   display: inline-block;
   transition: all 0.3s ease 0s;
 }
 
 .btn:hover {
   color: #404040;
   font-weight: 700;
   letter-spacing: 3px;
   background: none;
   -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
   -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
   transition: all 0.3s ease 0s;
   cursor: pointer;
 }