#container2{box-shadow:0 0 10px rgb(0 0 0 / 70%);height:300px;position:relative;margin:auto}.option_div{box-shadow:0 0 10px rgb(0 0 0 / 70%);background:#7b10ff;height:16%;cursor:pointer;width:100%;color:#fff;font-weight:700;display:flex;justify-content:center;padding-top:1px;font-size:23px}.output_div{height:84%;position:relative;text-align:center;width:100%}.option_div a{color:#fff;font-weight:700;font-size:32px}.option_div a:hover{color:#fff}#copy_btn{position:absolute;border:2px solid #7b10ff;right:16px;color:#7b10ff;top:15px;font-weight:700;padding:16px;padding-bottom:5px;padding-top:3px;z-index:9;font-size:15px}.output_box{display:flex;align-content:center;height:100%;overflow:auto;text-align:center;justify-content:center;place-items:center;padding:20px;flex-direction:column;flex-wrap:wrap}#result{font-size:35px;color:rgba(225,225,225);font-weight:700}.output_div select{position:absolute;left:17px;height:38px;outline:0;background:rgba(220,220,220);width:177px;font-weight:700;border:none;top:16px;border-radius:3px;padding-left:10px}.output_div select option{color:#000;background:#fff}.get_text{height:15%;width:100%;border-bottom:1px solid rgba(200,200,200)}.get_text input{height:100%;width:100%;outline:0;border:none;padding-left:20px}.get_text input::placeholder{color:rgba(180,180,180)}#secret_key{height:38px;position:absolute;top:16px;left:216px;padding-left:11px;color:#000;border-radius:4px;width:300px;outline:0;border:1px solid rgba(170,170,170)}#secret_key::placeholder{color:rgba(170,170,170)}html{scroll-behavior:smooth}.loader{width:100%;height:100%;display:flex;position:absolute;justify-content:center;align-items:center}.loader-img{height:75px}@media(max-width:768px){#result{font-size:18px;color:rgba(225,225,225);font-weight:700}}.social-icons{display:none}#header_img{width:40px;height:40px}.editor{position:relative}.input_editor_bar,.output_editor_bar{background-color:rgba(32,152,243,.8);display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:900;padding:8px 20px;border-right:1px solid #fff}.editor_action{display:flex;align-items:center;gap:15px}.editor_action>i{cursor:pointer;font-size:20px;margin:0;color:#fff}.editor_action .copy_icon,.save_icon{cursor:pointer;width:20px;height:20px}#left_editor_div,#right_editor_div{width:100%}#input_editor,#output_editor{border-right:1px solid rgba(0,0,0,.1);font-size:17px;height:450px;border-bottom:1px solid rgba(0,0,0,.1)}.format_json{background:rgba(32,152,243,.8);position:absolute;left:530px;top:230px;border-radius:30px;z-index:9;height:40px;width:80px;display:flex;justify-content:center;align-items:center}.editor_btns{align-items:center;height:100%;cursor:pointer;width:100%;margin:0 auto;text-align:center;display:flex;justify-content:center}.editor_btns img{cursor:pointer}@media (max-width:768px){.editor{flex-direction:column;gap:20px}.format_json{position:unset;margin:0 auto}}