*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}


.log_container{
    display:flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
    padding: 20px;

}

.log_container form{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.log_container form input, .log_container form button, .log_container form select{
    padding: 10px 10px;
    margin-bottom: 10px;

}

.form_container{
    padding: 20px;
    width: 70%;
    background-color: #07405e;
    margin: auto;
    margin-top: 40px;

}


.form_container h1{
    color: white;
    margin-bottom: 20px;
}

.form_container input, .form_container button{
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: none;
    outline:none ;
    font-size: 20px;
}

.form_container button{
    background-color: white;
    padding: 10px 20px;
    color:#07405e ;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;

}

.form_container button:hover{
    background: #f29d0e;
}

.grid{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    color: white;
    margin-top: 20px;
    font-size: 20px;
}

.head{
    background: white;
    padding: 10px;
    color: #07405e;
    font-weight: 600;
    font-size: 15px;
}

.action{
    color:#f29d0e ;
}