:root{--PrimaryColor:#5b4dbe;--SecondaryColor:#dee2e6;--lightColor:#f8f9fa;--lightColor2:#FFFFFFD9;--darkColor:#21283c;--yellowColor:#ffd00D}*{margin:0;padding:0;box-sizing:border-box}.body-editor{background-color:#ccc}.col-md-6,.col-12{padding:0}.nav-editor{width:100%;background-color:#000;display:flex;align-items:center;padding:0 35px}.nav-editor a{color:var(--lightColor);margin:10px;font-size:24px}.page-editor{width:100%}.btn-editor{display:flex;align-items:center;background-color:#000;padding:0 35px}.editor button{background-color:#000;color:var(--lightColor);display:flex;align-items:center;border:none;outline:none;padding:5px 10px;border-radius:0}.editor button:hover{color:var(--lightColor)}.editor button:focus{box-shadow:none}.editor button:active{box-shadow:none}.editor button .fa-html5{margin-right:10px;color:orangered}.editor button .fa-css3-alt{margin-right:10px;color:turquoise}.editor button .fa-js{margin-right:10px;color:#ff0}.editor textarea{width:100%;height:calc(100vh - 100px);border:none;outline:none;background-color:var(--darkColor);color:var(--lightColor);padding:15px 15px 0 35px;resize:none}#output{background-color:#fff;width:100%;height:calc(100vh - 100px);border:none;outline:none;resize:none}.label-preview{width:100%;padding:5px 10px;display:flex;background-color:#000;align-items:center;color:var(--lightColor)}.label-preview i{margin-right:10px}