@font-face {
    font-family: 'Malayalam';
    src: url('./fonts/manorama-malayalam95.ttf');
    src:url('../fonts/meera.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* body {
    background: black;
} */
body {
    height: 100vh;
    background: white;
}
.img-width {
   width: 500px;
}

.description {
font-weight: bolder;
font-family: 'Malayalam';
font-size : 24px;
color: #009EE0;
}

.appname {
font-size : 35px;
color: #009EE0;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
}

.downloadtext {
font-size : 17px;
color: #FF6300;
font-family: 'Titillium Web', sans-serif;
font-weight: 500;
}

.app-secific-name
 {
    font-size : 20px;
    color: #009EE0;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
 }
 .contact {
    font-size : 20px;
    color: white;
    font-family: 'Titillium Web', sans-serif;
 }

 .black-bg {
   background: black;
 }

 .white-bg {
   background: white;
 }

 @media only screen and (max-width: 600px) {
    .description {
        font-weight: bolder;
        font-family: 'Malayalam';
        font-size : 20px;
        color: #009EE0;
        }
        
        .appname {
        font-size : 28px;
        color: #009EE0;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 700;
        }
        
        .downloadtext {
        font-size : 14px;
        color: #FF6300;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 500;
        }
        
        .app-secific-name
         {
            font-size : 17px;
            color: #009EE0;
            font-family: 'Titillium Web', sans-serif;
            font-weight: 500;
         }
         .contact {
            font-size : 17px;
            color: white;
            font-family: 'Titillium Web', sans-serif;
         }

         .img-width {
            width: 300px;
         }
  }