@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');

body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #0d0d0d;
    color: #fff;
    overflow-x: hidden;
  }


.my_container{
    /* background-color: rgb(63, 63, 63) ; */
    margin:60px auto;
    padding: 10px 20px 0px 20px;
    /* border-radius: 25% 5% 25% 5% / 5% 25% 5% 25% ; */
}
.my_container h3{
    text-align: center;
    color: #00f0ff;
    font-weight: 700;
    font-size: 1.6rem;
    text-shadow: 0 0 10px #00f0ff;
}

/* card css */
.card-learn{
    border-radius: 10px;
    border: 2px solid #00f0ff;
}
/* btn view */
.view-btn {
    background-color: #000;
    color: #00f0ff;
    border: 2px solid #00f0ff;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    box-shadow: 0 0 8px #00f0ff66;
    }
  
    .view-btn:hover {
        background-color: #00f0ff;
        
        color: #000;
        box-shadow: 
          0 0 2px #00f0ff,
          0 0 5px #00f0ff,
          0 0 10px #00f0ff;
    }

    .card-body{
        background-color: #000;
        color: #fff;
        
    }
    .card-footer{
        background-color: #000;
        color: #fff;
        border-top: 1px solid #00f0ff;
        
    }