* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   font-family: 'BRVJP';
}

@font-face {
   font-family: 'BRVJP';
   src: url('font.ttf');
}

body {
   background: rgb(2, 0, 36);
   background: linear-gradient(93deg, rgba(2, 0, 36, 1) 0%, rgb(249 242 249) 0%, rgba(237, 246, 254, 1) 22%);
   height: 95vh;
   padding: 0 14px 0 14px;
   font-family: 'BRVJP', system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
}

#main-log {
   margin-top: 48px;
}

.main-image {
   height: 252px;
   display: flex;
   justify-content: center;
   align-items: center;
}



.form-group {
   margin-bottom: 13px;
}

.form-control {
   width: 100%;
   height: 54px;
   border-radius: 12px;
   padding-left: 18px;
   border: 1px solid #e1e3e6;
   font-size: 14px;
   background-color: #fff;
   outline: none;
   transition: all .2s;
}

.form-control:focus {
   border-color: #848484;
}

.form-control::placeholder {
   color: #a9b0b7;
}

.button-control {
   background-color: #0064e0;
   color: #fff;
   width: 100%;
   height: 40px;
   outline: none;
   border: none;
   font-size: 14.5px;
   border-radius: 20px;
   cursor: pointer;
   transition: all .2s;
}

.button-control:active {
   background-color: #408be8;
}

.button-new {
   background-color: transparent;
   color: #186fd9;
   width: 100%;
   height: 40px;
   outline: none;
   border: none;
   font-size: 14.5px;
   border-radius: 20px;
   cursor: pointer;
   border: 1px solid #186fd9;
}

.forgot-password {
   text-align: center;
   font-size: 14px;
}

.break {
   height: calc(75vh - 407px);
}
.mt-logo {
   margin-top: 14px;
   width: 117px;
}
.warning {
   width: 100%;
   height: 54px;
   line-height: 54px;
   border-radius: 12px;
   background-color: #f02849;
   color: #fff;
   padding-left: 18px;
   font-size: 14px;
}
.meta-main {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 6vw;
   padding-bottom: 2rem;
}
.main-box {
   width: 50%;
}
.checking-other {
   margin: 10px 0 10px 0;
}
.device-check {
   margin-top: 20px;
   margin-bottom: 20px;
   display: block;
   width: 100%;
}
.checking-box {
   padding: 7px;
   display: flex;
   align-items: center;
}
.checking-icon {
   margin-right: 12px;
}
.checking-content {
   margin-top: 10px;
}
.three-dots {
   width: 16.5px;
}
.checking-info {
   color: #465A69;
   font-size: 14px;
}
.checking-label {
   margin-top: 8px;
   margin-bottom: 10px;
   display: block;
}
@media only screen and (max-width: 768px) {
   .main-box {
      width: 100%;
   }
 }