*{text-indent:0px; margin:0px; padding:0px; border:0px;}
@font-face{font-family:mali;src:url(../fonts/Mali-ExtraLightItalic.ttf);}
h1{color:#80ff00;font-family:mali;font-size:2.5em;font-weight:800}
h2{color:#5a6053;font-size:2rem}
h4{color:#80ff00;font-size:1.5rem}
input{outline:none}
.cab{height:100px;width:100%;background:#808976;display:flex;flex-flow:column;justify-content:space-around;align-items:center;}
.cont{height:auto;width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;}
.center{height:auto;width:75%;display:flex;flex-flow:row;justify-content:center;align-items:center}
.panel{height:2rem;width:50%;display:flex;flex-flow:row;justify-content:space-around;align-items:center;border-bottom:1px solid #808976;padding:0.5rem 0}
.resultado{text-align:center;}
.input{height:auto;width:50%;border:1px solid #808976;font-size:2rem;text-align:center;margin:0 1rem;color:#5a6053}
.send{height:2rem;width:2rem;cursor:pointer}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.modal{height:100px;width:50%;border-radius:20px;border:12px solid #142700;background:#cfff9d;color:#142700;font-weight:bold;font-family:cursive;position:absolute;top:30%;left:25%;display:flex;flex-flow:row;justify-content:center;align-items:center;font-size:1.2rem}
.cancelm{height:30px;width:30px;position:absolute;top:5px; right:5px}
.mrl, .mrs{color:#80ff00;font-size:24px}
.cursor{cursor:pointer}
.bckb{background:black}
.cln{color:#ff7f00;font-size:24px}
.fn{fill:#ff7f00}
.fv{fill:#80ff00}
.br1{border-right:1px solid #808976}
.sep{height:24px;width:25%;display:flex;flex-flow:row;justify-content:space-around;align-items:center}
@media (max-width: 600px){
	h1{color:#80ff00;font-family:mali;font-size:1.5em;font-weight:800}
	h4{color:#80ff00;font-size:1rem}
	.center{height:auto;width:100%;display:flex;flex-flow:row;justify-content:center;align-items:center;}
	.input{height:2.2rem;width:90%;border:1px solid #808976;font-size:2rem;text-align:center;margin:0 1rem;color:#5a6053}
	.panel{height:2rem;width:90%;display:flex;flex-flow:row;justify-content:space-around;align-items:center;border-bottom:1px solid #808976;padding:0.5rem 0}
	.modal{height:100px;width:90%;border-radius:20px;border:12px solid #142700;background:#cfff9d;color:#142700;font-weight:bold;font-family:cursive;position:absolute;top:30%;left:25%;display:flex;flex-flow:row;justify-content:center;align-items:center;font-size:1.2rem}
	.mrl, .mrs, .cln, .fv, .fn{font-size:20px}
}
.off{display:none}