*{
    margin: 0;
    padding: 0;
}
body{
    width: 100%;
    height: 100vh;
    background-image: url("../img/main-bg.jpg");
    background-repeat: no-repeat;
}
img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.main_page{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
}

.alert{
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 10px;
    color: #fff;
}

.lack_weight{
    background-color: #c0d2f3;
    border-color: #c0d2f3;
}

.average{
    background-color: #6695f5;
    border-color: #6695f5;
}

.ideal{
    background-color: #47db47;
    border-color: #47db47;
}

.level_weight_0{
    background-color: #f9d648;
    border-color: #f9d648;
}

.level_weight_1{
    background-color: #e4985e;
    border-color: #e4985e;
}

.level_weight_2{
    background-color: #d54040;
    border-color: #d54040;
}

.level_weight_3{
    background-color: #e20505;
    border-color: #e20505;
}

.table_img img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.info{
    color: #e20505;
}