body{margin: 0; background-image: url('img/bg1.jpg'); background-size: cover; background-repeat: no-repeat;}
.cls{clear: both;}
#logo{width: 180px; height: 50px; text-align: center; margin: 0 auto; margin-bottom: 2%; margin-left: 5px!important;}
#main-section{width: 80%; min-height: 50vh; margin: 0 auto!important;}
#mainbox{width: 100%; min-height: 100vh; display: table;}
.cm{text-align: center; font-weight: 400;}

@keyframes pulse-green {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
  }
#cont{width: 100%; height: 100vh; display: table-cell; vertical-align: middle;}
#cont-left{width: 20%; margin: 0 auto!important; height: 60%; background-color: #03051e; display: table; border-radius: 15px; color: white; opacity: 0.96;}
#cont-left-desc{display: table-cell; vertical-align: middle;}
#cont-right{width: 60%; float: left; height: 100%; background-color: #333333; background-image: url('img/bg1.jpg'); background-size: cover; background-repeat: no-repeat;}
#cont form div{margin: 0 auto!important; text-align: center;}

.pulseupdate{animation: pulse-green 2s infinite;}


/*
IMAGES FROM PEXELS.COM

ICONS AND BOOTSTRAP FROM https://mdbootstrap.com/
*/