*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}html{font-size:10px;overflow-x:hidden}body{background:#fff;font-size:1.6rem;font-family:"Roboto",sans-serif;color:#6c757d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body ::-moz-selection{color:#fff;background:#6c757d}body ::selection{color:#fff;background:#6c757d}a{text-decoration:none;color:#6c757d;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}a:hover{text-decoration:none;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}a:link{text-decoration:none;word-break:break-word}a:focus{outline:none}button{cursor:pointer}button,input{border:none;font-family:"Roboto",sans-serif}button:focus,input:focus{outline:none}dl,ol,ul,li{margin:0;padding:0;list-style:none}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}main .content-area .settings button.save{background-color:#ffc107;padding:0 2rem;color:#6c757d;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height:40px}main .content-area .settings button.save:hover{opacity:0.5;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .content-area .settings select{height:40px;padding:0 2rem 0 0}main .content-area .content{min-height:500px;border:1px solid #dee2e6;background-color:#f8f9fa}main .editor-area .header{height:60px;border:1px solid #dee2e6}main .editor-area .header button.min{background-color:#6c757d;padding:0 2rem;color:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .editor-area .header button.min:hover{opacity:0.5;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .editor-area .header button.run{background-color:#198754;padding:0 2rem;color:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .editor-area .header button.run:hover{opacity:0.5;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}main .editor-area .editor{height:350px}main .editor-area .editor .html,main .editor-area .editor .css,main .editor-area .editor .js{border:1px solid #dee2e6;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:scroll;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}main .editor-area .editor .html .title,main .editor-area .editor .css .title,main .editor-area .editor .js .title{border-bottom:1px solid #dee2e6;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;background-color:#f8f9fa;overflow:hidden;margin:0;color:#6c757d}main .editor-area .editor .html .title.js,main .editor-area .editor .css .title.js,main .editor-area .editor .js .title.js{background-color:#F0DB4F}main .editor-area .editor .html .title.html,main .editor-area .editor .css .title.html,main .editor-area .editor .js .title.html{background-color:#e44c25;color:#fff}main .editor-area .editor .html .title.css,main .editor-area .editor .css .title.css,main .editor-area .editor .js .title.css{background-color:#31a5d9;color:#fff}main .editor-area .editor .html textarea,main .editor-area .editor .css textarea,main .editor-area .editor .js textarea{height:300px;border:none;resize:none;outline:none;padding:1rem}@media screen and (max-width: 992px){main .editor-area .editor{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}main .editor-area .editor .html,main .editor-area .editor .css,main .editor-area .editor .js{margin-top:2rem;height:100%}}footer{-ms-flex-negative:0;flex-shrink:0}
/*# sourceMappingURL=main.min.css.map */