.navbar{-webkit-user-select:none;user-select:none;justify-content:space-between;width:100%;height:80px;position:fixed}.navbar-brand{font-size:24px}.container-fluid{height:calc(100% - 80px);position:fixed;top:80px}.row{height:100%}.btnbar{width:250px;padding-top:3rem}textarea{resize:none;height:calc(100% - 15px)!important;padding-left:.8em!important}.unencrypted,.encrypted{width:calc(50% - 125px);padding:0 15px}.unencrypted>textarea:focus{border-color:#28a745;box-shadow:0 0 0 .2rem #c3e6cb}.encrypted>textarea:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem #f5c6cb}.vertical{display:none}.swal{margin:8px 6px}@media (width<=900px){.navbar{height:auto;position:relative}.container-fluid{height:auto;padding-bottom:15px;position:relative;top:0}.btnbar{width:100%;padding:1rem 15px}.button-group{width:250px;display:inline-grid}.btn-block+.btn-block{margin:0}.main{padding-bottom:10px;display:flex}#encrypt{border-top-right-radius:0;border-bottom-right-radius:0}#decrypt{border-top-left-radius:0;border-bottom-left-radius:0}.copy{display:none}.unencrypted,.encrypted{width:100%}textarea{height:30vh!important}.horizontal{display:none}.vertical{display:inline}}