@font-face {
	font-family: 'fm_mali2';
	src: url('Fonts/fm_mali2.eot');
	src: local('☺'), url('Fonts/fm_mali2.woff') format('woff'), url('Fonts/fm_mali2.ttf') format('truetype'), url('Fonts/fm_mali2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



#chbt{
	display: none;
}

.btnClear, .btnConvert, .btnCopy{
	padding: 10px 20px;
    font-size: 16px;
    background: #d9d9f4;
    color: Black;
    border: none;
    border-radius: 500px;
    cursor: pointer;
}

.btnClear:hover, .btnConvert:hover, .btnCopy:hover{
	background: #6964f7;
	color: white;
}

#txtFM, #txtUni{
	border-radius: 25px;
	padding: 10px 20px;
}

h3{
	text-align: center;
}



span.si_h{font-family: 'fm_mali2', Georgia;font-size: 1.1em;}
body,h1,h2,h3,h4{
	margin:0;
}
p,h3{
	font-family: 'Noto Sans', sans-serif;
	padding:5px 0;
}

header h1 a{
	font-family: 'Hammersmith One', sans-serif;
	font-size: 1.4em;
	color: #fff;
	margin: 0;
	padding-top: 5px;
	text-shadow: 3px 3px 15px rgba(0,0,0,0.7);
	letter-spacing: .1em;
}
header h1 a:hover{
	text-decoration:none;
	color:#CCC;
}
header h2{
	color: #FC0;
	margin:-5px 0 0 5px;
	font-size: 1.2em;
	text-shadow: 5px 5px 15px rgba(0,0,0,0.7);
	letter-spacing: 0.1em;
}
header h3{
	font-family: 'Noto Sans', sans-serif;
	text-align:right;
	color:#CCC;
	margin:0;
	font-size:1.5em;
	padding-top:25px;	
}
textarea{
	font-size:1.5em;
	width:100%;
}
textarea#txtUni{
	font-family: "Noto Sans Sinhala", Arial, sans-serif;
	color:rgba(255,0,0,1);
}
textarea#txtFM{
	font-family:'fm_mali2';
	font-size: 1.8em;	
	background-color:rgb(238, 238, 238);
	min-height: 202px;
}
.box1,.box2{
	padding:10px 0;
}
.side-top,.side-bottom{
	padding-top:20px;
}
.side-bottom p, .side-bottom a{
	padding:0;
	margin:0;
}
@media (min-width:181px) and (max-width:480px){
header h3{
	text-align:center;	
	font-size:1em;
	padding-top:15px;
	color:rgba(153,153,153,1);	
}
header h1,header h2{
	text-align:center;
}
.box1,.box2{
	padding:20px 0;
}
}
@media (min-width:481px) and (max-width:767px){
header h3{
	text-align:center;	
	font-size:1em;
	padding-top:15px;
	color:rgba(153,153,153,1);	
}
header h1,header h2{
	text-align:center;
}
.box1,.box2{
	padding:20px 0;
}
}
@media (min-width:768px) and (max-width:991px){
	header h3{
	text-align:center;
	color:rgba(153,153,153,1);	
}
}