:root {
  --primary-color:rgb(13,106,134 );
  --primary-color-darker: rgb(9, 48, 56);
 }
 * {
   box-sizing: border-box;
   outline:0;
 }
 
 body{
   margin:0;
   padding: 0;
   font-size:1.3em;
   line-height: 1.5em;
   background:var(--primary-color)
 }
 
 .container{
   max-width:640px;
   margin: 50px auto;
   background:#fff;
   padding: 20px;
   border-radius: 10px;
 }
 
 form input, form label, form button {
   display:block;
   width: 100%;
   margin-bottom: 10px;
 }
 form input {
   font-size: 24px;
   height: 50px;
   padding:0 20px;
 }
 
 form input:focus{
   outline:1px solid var(--primary-color);
 }
 
 form button{
   border: none;
   background: var(--primary-color);
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   height: 50px;
   cursor:pointer;
   margin-top: 30px;
   }
   form button:hover{
     background: var(--primary-color-darker)
   }
   form button:active{
     background: var(--primary-color-darker);
   }

   .relogio {
   font-size: 3em;
   }

   .pausado{
    color:red
   }