* {
    box-sizing: border-box;
  }
  
  /* Create three equal columns that floats next to each other */
  .column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 625px; /* Should be removed. Only for demonstration */
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    /*clear: both; */
  }

 body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
 }
 h1 {
    text-align: center;
 }
 h2 {
  text-align: center;
}
 .container {
    width: 100%;
    background-color: rgb(231, 231, 231);
    border-radius: 20px;
 }
  div.c {
 font-size: 100%;
 color:#010203;
 font-style: italic; 
 font:x-large;
}

* { box-sizing: border-box; }
input, p { font: 18px Calibri; width: auto; }
input { padding: 12px; margin: 3px 0; border: 1px solid #ddd; 
  border-radius: 4px; }
input[type=button] { 
  border: solid 1px #0095ff;
  background-color: #0095ff;
  color: #fff;
  cursor: pointer;
}


/* Rounded sliders */
.slider.round {
   border-radius: 34px;
 }
 
 .slider.round:before {
   border-radius: 50%;
 }

 .switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }
 
 .switch input { 
   opacity: 0;
   width: 0;
   height: 0;
 }
 
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 input:checked + .slider {
   background-color: #2196F3;
 }
 
 input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
 }
 
 input:checked + .slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }