@font-face {
   font-family: 'AdarshaLipiNormal';
   src: url('ALIPI_NO.TTF');
}

.AdarshaLipiNormal {
   font-family: "AdarshaLipiNormal" !important;
   font-size: large;
   }
   
@font-face {
   font-family: 'bijoy';
   src: url('sutonnymj.ttf');
}

.bijoy {
   font-family: "bijoy" !important;
   font-size: large;
   }
@media screen and (min-width: 768px) {
    .convertButton {
       background-color: brown;
       color: wheat; 
       font-size: large;
       border-radius: .5rem;
       padding:5px;
       padding-left: 1rem;
       padding-right: 1rem;
       margin-top: 5px;
       margin-bottom: 5px;
    }
}
div{
   border-radius: .25rem;
}
textarea{
   border-radius: .35rem;
   padding: 0.35rem;
   width: 100%;
   max-width: 100%;
   height: 8rem;
}

.main button{
   align-items: center;
}
.uniCode{
   font-weight: 500;
}
.convertButton {
   background-color: brown;
   color: wheat; 
   font-size: large;
   border-radius: .5rem;
   padding:5px;
   padding-left: 1rem;
   padding-right: 1rem;
   margin-top: 5px;
   margin-bottom: 5px;
}
.convertButton:hover{
   background-color: rgb(122, 56, 2);
   cursor: pointer;
   color: white;
}
.copy-text {
   background-color: rgb(42, 128, 165);
   color: white;
   border-radius: .5rem;
   padding:5px;
   padding-left: 1rem;
   padding-right: 1rem;
   margin-top: 5px;
   margin-bottom: 5px;
}
.copy-text:hover{
   background-color: rgb(21, 113, 5);
   cursor: pointer;
   color: white;
}
#msg-1, #msg-2{
   opacity: 0;
   width: 200px;
   padding: .25rem .5rem .25rem .5rem;
   background-color: rgb(236, 166, 166);
   color: rgb(1, 48, 1);
   margin-left: 1rem;
   border-radius: .35rem;
   visibility: hidden;
   transition: visibility 0s, opacity .4s linear, visibility 0.4s;
}
html {
   box-sizing: border-box;
}
*, *:before, *:after {
   box-sizing: inherit;
}