.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

body {
    background-color: #fcfcfc;
}

.img-container {
    text-align: center;
}

img {
    width: 75%;
    height: auto;
    outline: 4px solid #fcfcfc;
    outline-offset: -3px;
}

@media (max-width: 768px) {
    img {
        width: 50%;
        height: auto;
        outline: 4px solid #fcfcfc;
        outline-offset: -3px;
    }
}

@font-face {
    font-family: 'Vazirmatn';
    align-items: center;
    src: url('assets/assets/fonts/Vazir-Bold-FD.ttf') format('truetype');
}

h1 {
    text-align: center;
    font-family: 'Vazirmatn', sans-serif;
    font-size: 22px;
}