@font-face {
    font-family: "myFont";
    src: url("Al\ Majeed\ Quranic\ Font_shiped.ttf");
  }
body{
    overflow: hidden;
}
#home{
    height:auto;
    display: flex;
    justify-content:center;
    align-items: center;
    background-image: 
    linear-gradient( rgba(0,0,0,.7), rgba(0,0,0,.7) ),
    url(../images/background.jpg);
    background-size:cover;
    padding:20px;
}
#first{
    height:100vh;
    text-align: center;
    background-color: black;
    color: white;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}
#first .col-md-12{
    height:100vh;
    font-family: myFont;
}
#first p{
    font-size:60px;
}
svg{
    width:30%;
    fill: white;
}
.read{
    color: white;
    font-family: myFont;
    font-size:30px;
}
input{
    width: 50% !important;
    margin: auto;
    font-family: "myFont" !important;
    padding:15px 0px !important;
    border-radius:40px !important;
    text-align: center;
}
::placeholder{
    text-align: center;
}
@media all and (max-width:586px){
    svg{
        width:90% !important;
        fill: white;
    }
    input{
        width: 100% !important;
    }
}
.div-desc{
    background-color:transparent;
    color: white;
    border: 2px solid #464b50;
    padding:5px;
    margin:10px 0px;
    text-align: right;
    width: 100%;
    transition: all 0.2s;
    height:80px;
}
.div-desc:hover{
    background-color: black;
    transform: scale(1.03);
}
a{
    text-decoration: none;
}
#all{
    background-color: #1F2125;
    padding-top:40px;
}
.surah{
    font-size:18px;
    font-family: myFont !important;
}
.ayahs{
    color: #464b50;
    font-size:14px;
    
}
.desc-2{
    background-color: #464b50;
    padding:20px;
    width:10px;
    height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:9px;
    margin-top:10px;
    transform:rotate(40deg);
    position: relative;
    border-radius:5px;
}
.number{
    position: absolute;
    top:5px;
    margin-right:4px;
    transform: rotate(-40deg);
}
.col-md-6{
    color: white
}
#but{
    background-color: #464B50;
    margin-top:10px;
    position: fixed;
    display: none;
}
a{
    color: white;
}
.borderN{
    display: flex;
    justify-content:center;
    align-items: center;
    background-color:#464B50;
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    font-size: 16px ;
    margin-right:5px;
}
.ayahst{
    float: right;
    text-align: right;
    font-size: 20px;
    word-spacing:5px;
    font-family: myFont !important;
    font-weight:400 !important;
}
.aud{
    text-align: right;
}