/home2/mshostin/live-dashboard/public/res/css/main.css
* {

    max-width: 100%;
    outline: none;
    box-sizing: border-box;
    font-family:system-ui,"Segoe UI","Helvetica Neue",Arial,sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background-color: #f5f6fa;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120vh;
}


.container {
    background-color: white;
    padding: 70px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 600px;
    text-align: center;
}


.logo {
    width: 230px;
    margin-bottom: 15px;
}


h2 {
    font-size: 23px;
    color: #333;
    margin-top:0;
    margin-bottom: 20px;
    font-weight: 300 ;
}
p {
    color: #333;  
}


label {
    display: block;
    text-align: left;
    margin: 20px O;
    font-size: 14px;
    color: #666;
}

label span {
    color: red;
}

.col{
    margin: 10px 0;
}


input {
    border: none;
    border-bottom: 0.1px solid #bdbdbd;
    background: transparent;
    padding: 13px;
    width:100%;
    font-size: 14px;
}


.login-btn {
    width: 150px;
    background: #ee5253;
    color: white;
    border: none;
    padding: 12px;
    margin:25px 0;
    border-radius: 25px;
    font-size: 15px;
    cursor: pointer;
}

.login-btn:hover {
    background-color: #e04e4e;
}

.links {
    padding: 10px;
    text-align: left;
}

.forgot,
.sign {
    display: block;
    font-size: 14px;
    color: red;
    text-decoration: none;
    margin-top: 5px;
}

.forgot:hover,
.sign:hover {
    text-decoration: underline;
}

.required {
    font-size: 12px;
    color: red;
    margin-top: 10px;
    text-align: right;
}

.lang {
    text-align: right;
    justify-content:end;
    display: flex;
    
    
    
    
    
}

.lang img {
    width: 25px;
    margin: 0 5px ;
    cursor: pointer;
    margin-top: 30px;
    
}

@media screen and (max-width:800px){
    .container{padding:50px;}
    .lang{margin:20px 0;}
    .logo{margin:20px 0;}
    h2{margin-bottom:50px;}
}