body {
    font-family: yekan, 'yekan', tahoma !important;
}

@font-face {
    font-family: "yekan";
    src: url('https://cdn.jsdelivr.net/npm/yekan-font@1.0.0/fonts/Yekan.eot') format('eot'), url('https://cdn.jsdelivr.net/npm/yekan-font@1.0.0/fonts/Yekan.ttf') format('truetype'), url('https://cdn.jsdelivr.net/npm/yekan-font@1.0.0/fonts/Yekan.woff') format('woff');
}

.top50 {
    margin-top: 50px;
}

.top25 {
    margin-top: 25px;
}

@media(max-width:768px) {
    .left-right {
        margin: 15px;
    }
}

@media(max-width:992px) {
    .left-right {
        margin: 15px;
    }
}

.img-responsive {
    width: 100%;
    max-width: 400px;
    padding: 25px;
    margin: 50px auto;
    display: block;
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass-box {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.img-design {
    border-radius: 10px;
    width: 100%;
    margin: 10px auto;
    height: auto;
}