*{ box-sizing:border-box;}
html{font-family: 'NotoSansTamil', sans-serif;  font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; scroll-behavior: smooth;}

.flames-calc {background: #FFF;border-radius: 10px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.25); max-width:700px; padding:20px; margin: auto;}
.flames-calc h1 {font-family: '1_TAUNTamil117', sans-serif; font-size: 28px; font-weight: normal; color: #f04d58; margin:0; margin-bottom: 5px;}
.flames-calc p {font-size: 14px;line-height: 22px; color: #000; margin: 0;}
.flames-calc p.def{font-weight: normal;font-family: '1_TAUNTamil117', sans-serif; font-size:18px; color: #000; margin:5px 0;}
.flames-calc .form input{border-radius: 10px; border: solid 1px #d82337; padding:8px; outline:none;}
.flames-calc .form input:first-of-type{ margin-right: 10px;}
.love-result-txt{display: inline-flex; align-items: center; margin-top: 10px;}
.love_result{ text-align: left; font-family: sans-serif; color: #f04d58;}
.but_por {margin-top:8px;}
#display_flame{ color: #f04d58 !important; font-weight: bold; font-size: 24px;}
.but_por button {cursor: pointer; outline: none; border: 0;padding: 10px 0 10px; border-radius: 6px; width: 140px; font-weight: bold; text-transform: uppercase; font-size: 13px;}
.calculate-btn{background: #f15075; margin-right: 10px; color: #FFF;}
.reset-btn{background: #bfbfbf; color: #5f5c5c;}
 @media only screen and (max-width:768px) {
.flames-calc h1 {font-size: 20px;line-height: 26px;}
/*.flames-calc p{ font-size: 15px; line-height: 20px;}*/
.flames-calc .form input{ width:100%;}
.flames-calc .form input:first-of-type{margin-right: 0; margin-bottom:10px; }
.love-result-txt{display: block;}
.but_por {display: grid; grid-template-columns: repeat(2, 1fr); }
.but_por button{width:auto;}
 }