body{
    background-color: #f4fff9;
    font-weight: bold;
    color: #51595C;
}
::placeholder {
    font-weight: bold;
}
.btn-sns-line{
    padding: 6px 18px;
    font-weight: bold;
    color: #51595C !important;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0px 2px 0px #96adb2;
}
.btn-sns-line-sm{
    padding: 3px 10px !important;
    font-weight: bold;
}
.btn-sns-line-lg{
    padding: 10px 16px !important;
}
.btn-sns-line.active, .btn-sns-line:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 28%) !important;
    box-shadow: inset 0 3px 5px rgb(0 0 0 / 28%) !important;
}
.btn-sns-line-radius-lg{
    width: 200px;
    height: 50px;
    border-radius: 35px;
}
.btn-sns-line-radius{
    width: 140px;
    height: 40px;
    border-radius: 50px;
}

.btn-sns-line:hover{
    opacity: 0.7;
}

.btn-sns-line:disabled{
    opacity: 0.6;
}

.btn-sns-line:disabled:hover{
    opacity: 0.6;
}

.btn-sns-line:focus{
    outline: unset !important;
    box-shadow: unset;
}

.btn-sns-line:focus-visible{
    outline: unset !important;
}

.btn-sns-line-light{
    background-color: #F6F6F6;
}

.btn-sns-line-primary{
    background-color: #5799DB;
    color: white !important;
}

.btn-sns-line-success{
    background-color: #08BF5A;
    color: white !important;
}

.btn-sns-line-danger{
    background-color: #F44336;
    color: white !important;
}

.btn-sns-line-warning{
    background-color: #FEC300;
    color: white !important;
}

.btn-sns-line-dark{
    background-color: #7D9195;
    color: white !important;
}

.btn-sns-line-secondary{
    background-color: #96ADB2;
    color: white !important;
}

.btn-sns-line-outline-default{
    background-color: white;
    border: 1px solid rgb(81, 89, 92);
}
.box-form-auth{
    border: none;
    border-radius: 5px ;
    box-shadow: 0px 2px 10px #96adb2;
    background: white;
    margin: 0 auto;
    padding: 20px ;
    width: 400px;
    margin-top: 20px;
}