section span,section span img{width:2em;height:2em}#textarea,label,section span{display:inline-block}body{height:100vh;background-color:#F6F6F6}header{width:100%;background-color:#2196F3;padding:1em .5em}header i{color:#fff;font-size:1.7em!important}header span:nth-of-type(1){font-size:1.25em;color:#fff;padding-left:1.8em}header span:nth-of-type(2){font-size:1.25em;color:#fff;position:absolute;right:1em}main{width:100%;margin-top:.7em;background-color:#fff}main section{width:100%;padding:1em;border-top:1px solid #e5e5e5;position:relative}.label,.masklayer,section span{position:absolute}label{width:7em;padding-right:1.5em;font-size:1.2em;color:#999}#textarea,input{border:none;color:#d9d9d9;font-size:1.15em}input{width:59%;outline:0}section span{right:1em;bottom:.8em}.label{left:1em}#textarea{width:15em;height:10em;margin-left:6.5em}.masklayer{width:100%;height:100%;background:rgba(0,0,0,.5);filter:alpha(opacity=50);top:0;left:0;z-index:100;display:none}.masklayer section{width:60%;margin:25% auto;background-color:#fff;position:relative}.masklayer h4{padding:.5em 0;font-size:1.3em;text-align:center;border-bottom:1px solid #e5e5e5}.masklayer-main{margin:1.2em;height:22em;overflow:scroll;z-index:100}.masklayer-main p{font-size:1.2em;padding:.8em 0}.masklayer h6{width:100%;font-size:1.2em;padding:.5em 0;text-align:center;border-top:1px solid #e5e5e5;z-index:1000;margin-top:1em}@media (min-width:300px){body{font-size:12px}}@media (min-width:361px){body{font-size:14px}}@media (min-width:600px){body{font-size:20px}}