body {padding: 0; margin: 0; /*background-color:lightgrey;*/ background-color: rgba(128, 10, 43, 0.9);}

.mainFrame{width:60%;height:640px;margin-top:50px;margin-left :auto; margin-right: auto; /*border: 1px solid darkgrey; border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);*/}

.frameBox{width:100%;height:320px; position: relative;}

.bottomBox{height: 200px; position: absolute; bottom: 0; width: 100%;}

.logoBox{background-color: rgba(255, 254, 254, 1); width: 60%; margin-left: auto; margin-right: auto; text-align: center;}

.logBox{height: 250px; background-color: rgba(255, 254, 254, 1); width: 60%; top: 0; margin-left: auto; margin-right: auto;}

.logCont{width: 60%; margin-left: auto; margin-right: auto; height: 80px; }

.logLabel{  font-family: "Mulish", sans-serif; font-optical-sizing: auto;font-size: 13px; letter-spacing: 0.5px; padding: 5px; width: 90%; margin-left: auto; margin-right: auto; height: 10px; color: #575959; font-weight:bold;}

.logText{ padding: 5px; width: 90%; margin-left: auto; margin-right: auto;height: 40px; /*border: 2px solid #800a2b; border-radius: 8px*/}

.textClass{color: #1f222b;background-color: #f1eff0; font-size: 14px; letter-spacing: 1px; font-family: "Didact Gothic", sans-serif; font-weight: bold;font-style: normal; width: 100%; border: 2px solid #800a2b; border-radius: 8px; padding: 5px; height: 30px;}

.iconClass{ margin-left: -4px;}

.logButton{margin-top: 20px;width: 90%; margin-left: auto; margin-right: auto;height: 40px;}

.buttonClass{height: 40px; font-family: "Didact Gothic", sans-serif; font-weight: bold;  width: 100%; background-color: #c60b30; color: white; padding: 5px; border: none; border-radius: 8px; cursor: pointer; letter-spacing: 1px;}

.errorCont{margin-left: auto; margin-right: auto; padding: 5px; text-align: left; width: 473px; font-size: 11px; letter-spacing: 1px; font-family: "Didact Gothic", sans-serif; font-style: normal; font-weight:bold;}