.hash-card{
    margin-top: 20px;
}
.card-header{
    font-weight: 600;
}
.card-body{
    background: #ebf4ff;
    padding: 20px;
    margin-top: 15px;
    border-radius: 15px;
    border: 1px solid #ccdef6;
}
.hash-text{
    font-family: "Google Sans Code", monospace;
    background: #4c5254;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    font-variation-settings:
    "MONO" 1;
    font-size: 16px;
    font-weight: 300;
}
.card-body .meta{
    display: inline-block;
    margin-top: 15px;
    font-size: 17px;
    line-height: normal;
}
.btn-copy{
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-top: 20px;
}
.tool-title span{
    display: block;
    margin-top: 10px;
    font-family: "Google Sans Code", monospace;
    font-size: 18px;
    color: #be5413;
}

@media (max-width: 767.98px) {
    .card-body{
        padding: 10px;
    }
    .hash-text{
        padding: 10px;
        font-size: 14px;
        line-height: normal;
    }
    .btn-copy{
        margin-top: 10px;
    }
    .card-body .meta{
        margin-top: 10px;
        font-size: 15px;
        line-height: normal;
    }
}