:root {
    --dark : #212529;
    --light : #2F4F4F;
}
@font-face {
    font-family: Yekan;
    src: url(Vazirmatn-FD-Regular.woff2);
}
body {
    background-color: var(--light);
    font-family: Yekan !important;
    overflow-y:auto;
    scrollbar-color: var(--dark) transparent;
    scrollbar-width: thin;
}

@keyframes rgbcolor {
    0% {
     color: green;
    }
    50% {
     color: white;
    }
    100% {
        color: red;
    }
  }

  .rgbcolor {
    animation: 2.5s infinite alternate rgbcolor;
}

.bg-white {
    background-color: var(--light) !important;
}

.btn-outline-light {
    transition: all 350ms linear;
}

main {
    max-height: 100%;
    height: fit-content;
}

.card-title {
    background-color: var(--light);
    text-align: center;
    padding: 2vh;
    color: white;
}

.card-img-overlay {
    height: fit-content;
    width: fit-content;
    color: white;
    margin: 2vh;
}
.href {
    background-color: var(--light);
    padding: 2vh;
    outline: none !important;
    box-shadow:none !important; 
    border: none !important;
}
.href:hover {
    background-color: green;  
    transition: all 400ms linear;
}
.href:focus {
    outline: none !important;
    box-shadow:none !important; 
    border: none !important;
}
.href a {
    color: var(--dark);
    text-decoration: none;
}

@media only screen and (min-width : 320px) and (max-width: 767px)  {
#parsianrp {
    text-align: center;
    margin-top: 1.5vh;
}
}