@font-face {
  font-family: 'NiladriRussian';
  src: url('webfont/russian.woff2') format('woff2'), url('webfont/russian.woff') format('woff');
  }
  
  @font-face {
    font-family: 'Light';
    src: url('webfont/Light.woff2') format('woff2'),
        url('webfont/Light.woff') format('woff');
  }
  
  @font-face {
  font-family: 'NiladriNodia';
  src: url('webfont/nodia.woff2') format('woff2'), url('webfont/nodia.woff') format('woff');
  }
  
  @font-face {
    font-family: 'Kalpurush';
    src: url('webfont/kalpurush.woff2') format('woff2'), url('webfont/kalpurush.woff') format('woff');
  }

  @font-face {
  font-family: 'AdorNoakhali';
  src: url('webfont/noakhali.woff2') format('woff2'), url('webfont/noakhali.woff') format('woff');
  }

  @font-face {
  font-family: 'AdorNoakhaliLight';
  src: url('webfont/noakhaliL.woff2') format('woff2'), url('webfont/noakhaliL.woff') format('woff');
  }
  
  @font-face {
  font-family: 'NiladriMoitree';
  src: url('webfont/moitree.woff2') format('woff2'), url('webfont/moitree.woff') format('woff');
  }

  @font-face {
  font-family: 'Kalpurush';
  src:   url('webfont/kalpurush.ttf') format('truetype');
  }
 
  @font-face {
  font-family: 'AdorBakshoBangla';
  src: url('webfont/baksho.woff2') format('woff2'), url('webfont/baksho.woff') format('woff');
  }
  
  @font-face {
  font-family: 'AdorBakshoBanglaOutline';
  src: url('webfont/bakshoutline.woff2') format('woff2'), url('webfont/bakshoutline.woff') format('woff');
  }

  /*EGULO KI, KENO??? FONT ER DEFINATION style.css ER MODDHYE KENO? webfont.css CHILO TOH,
  JE KONO 1K TA FORMAT MAINTAIN KORE CHOLA TA KI KHUB KOTHIN???
  KONO KAAJ ER THIK NEI, KONO SAJANO GOCHANO NEI,
  1K 1K BAR 1K 1K ROKOM KORE JA ICHCHE TAI KAJ KORA HOY!!!
  ONEK JAIGAI RESOURCE BREAK KORECHE SEGULO R KONO KHEYAL NEI...
  */

  body { 
  font-family: 'Questrial', 
  sans-serif; margin: 0px;
  }
  
  hr { 
  background: linear-gradient(90deg, #c60b0D, #ff0f11); 
  margin: 40px; 
  height: 3px; 
  width: 400px;
  }
  
  a { 
  color: #ffffff; 
  text-decoration: none;
  }
  
  .header { 
  background: linear-gradient(90deg, #c60b0D, #ff0f11);
  color: #FFFFFF; 
  padding: 10px; 
  font-size: 16px; 
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); 
  }
  
  .footer { 
  background: linear-gradient(70deg, #616161, #000000); 
  padding: 20px; 
  color: #BDBDBD; 
  text-align: center; 
  font-size: 13px; 
  line-height: 20px;
  }
  
  .title {
  background: linear-gradient(90deg, #c60b0D, #ff0f11); 
  margin: 0px; 
  border-radius: 100px; 
  height: 100px; 
  width: 500px;
  margin-left: 200px; 
  vertical-align: middle;
  color: #FFFFFF; 
  padding-left: 50px;
  box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
   }
  
  .bigt { 
  font-weight: bold; 
  font-size: 40px; 
  }
  
  .fontbox { 
  background: #ffffff; 
  margin-left: 200px; 
  margin-right: 200px; 
  padding: 20px; 
  box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
  font-size: 13px;
  } 
  .redbox { 
  background: linear-gradient(90deg, #c60b0D, #ff0f11); 
  margin-left: 200px; 
  margin-right: 200px; 
  padding: 5px; 
  box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 13px;
  } 
  
  .fbtop { 
  background: linear-gradient(90deg, #c60b0D, #ff0f11);  
  padding: 10px; 
  box-shadow:0 0 15px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 14px;
  line-height: 19px;
  } 
  
  .inputext { 
  border: 0px; 
  background: rgba(0, 0, 0, 0); 
  color: #ffffff; 
  font-family: Kalpurush;
  font-size: 17px;
  padding-left: 10px;
  }
  
 .preview_area { 
  padding: 10px; 
  }
 
  .dlb { 
  background: linear-gradient(90deg, #c60b0D, #ff0f11); 
  color: #FFFFFF; 
  padding: 15px; 
  font-size: 14px; 
  border: 0px; 
  border-radius: 30px; 
  font-family: 'Questrial', sans-serif;
  width: 150px;}

  .dlb:hover { 
  background: linear-gradient(70deg, #616161, #000000); 
  color: #FFFFFF; 
  padding: 15px; 
  font-size: 14px; 
  border: 0px; 
  border-radius: 30px; 
  font-weight: bold;
  font-family: 'Questrial', sans-serif;
  width: 150px; }

  .dlbw { 
  background: rgba(0, 0, 0, 0); 
  color: #FFFFFF; 
  padding: 10px; 
  font-size: 14px; 
  border: 1px #ffffff solid; 
  border-radius: 30px; 
  font-family: 'Questrial', sans-serif;
  width: 150px;}

  .rt:hover {
  color: #c60b0D;
  }

  .tdh:hover { 
  border-bottom: 3px #ffffff solid; 
  font-weight: bold;
  }
  
  .textbox { 
  background: #ffffff; 
  color: #666666; 
  padding: 10px; 
  font-size: 14px; 
  border: solid #c60b0D 1px; 
  border-radius: 30px; 
  width: 300px; 
  margin-top: 10px; 
  margin-bottom: 10px; 
  padding-left: 20px; 
  padding-right: 20px; 
  font-family: 'Questrial', sans-serif;
  }