.input-section, .output-section {text-align:center; /*padding-top:30px;*/}
.input-section, .output-section, input {border:1px solid rgba(30, 144, 255, 0.2);}
.input-text, .output-text {height:120px; text-align:center; font-size:16px; text-transform:uppercase;}
.settings {display:block; text-align:center; z-index:1; left:0; top:0; max-width:100%; height:auto; overflow:auto;}
.settings-content {bottom:0; width:100%;}
.settings-section {padding:2px 16px;}
.settings-section h2 {padding-right:10px; padding-left:10px;}
.settings-section input {text-align:center; font-size:12px; width:30px;}
.settings-subsection {padding-right:10px; padding-left:10px; display:block; margin-top:10px; margin-bottom:10px;}
.plugboard-settings {width:100%;}
.post-container {width:100%; margin:10px;}
.accordion {background-color:#EFEFEF; color:#000; cursor:pointer; padding:5px; width:100%; border:none; text-align:left; outline:none; font-family:'Special Elite'; font-size:20px; font-weight:bold; border-bottom:1px solid rgba(30, 144, 255, 0.2); transition:0.4s;}
.active, .accordion:hover {background-color:#000; color:#FFF;}
.accordion:after {content:'\002B'; color:#000; font-weight:bold; float:right; margin-left:5px;}
.active:after {content:"\2212";}
.panel {padding:0px 0px; background-color:#FFF; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; border:1px solid rgba(30, 144, 255, 0.2);}