body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0}.App{text-align:center;margin:20px;font-size:1rem;box-sizing:border-box}.App .subtext{font-size:.75rem;font-weight:600;color:#212529}.App .flex{display:flex}.App .flex-col{flex-direction:column}.App .align-items-center{align-items:center}.App .justify-content-center{justify-content:center}.App .justify-content-between{justify-content:space-between}.App .flex-container{display:flex;flex-direction:column;flex-wrap:wrap}.App .flex-item{flex:1;margin:10px 0;word-break:break-word;padding:10px}.App button{padding:5px;margin:5px;height:40px;cursor:pointer;text-align:center}.App textarea{resize:none}.App label{display:flex;flex-direction:column;align-items:flex-start;margin:5px;color:#777;font-size:20px;font-weight:700;cursor:pointer}.App .error{color:red;font-weight:700;font-size:18px;display:block}.App .wide-100{width:100%}.App .encrypt,.App .decrypt{background:none;border:none;font-size:1.25rem;padding:5px;margin:5px;font-weight:700;width:140px}.App .encrypt.active,.App .decrypt.active{border-bottom:3px solid #1971c2;box-shadow:0 5px 15px #0003;background-color:#fff}.App .encrypt-btn,.App .decrypt-btn{background:#1971c2;color:#fff;font-size:1.25rem;font-weight:700;border:none}.App .theme{padding-left:0}.App .encrypted-text,.App .decrypt-text{font-size:1.25rem;font-weight:500;min-height:5rem}.App .encrypted-text.latin,.App .decrypt-text.latin{color:#74b816}.App .encrypted-text.math,.App .decrypt-text.math{color:#0ca678}.App .input-field{padding:12px 10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.decrypt-view>:first-child{width:45%}@media screen and (max-width: 760px){.decrypt-view>:first-child{width:100%}}.encrypt-view>:first-child{width:45%}@media screen and (max-width: 760px){.encrypt-view>:first-child{width:100%}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.footer{position:absolute;width:100%;text-align:center;font-size:.75rem;font-weight:500;color:#212529;word-break:break-word;padding-top:2rem;padding-bottom:1rem}.footer a{color:#1971c2;text-decoration:none;font-weight:700}@media screen and (max-width: 480px){.footer{font-size:.6rem}}@media screen and (min-height: 760px){.footer{bottom:0}}.dynamic-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#f0f0f0;z-index:-1}.dynamic-bg .bg{position:absolute;opacity:.2;-webkit-user-select:none;user-select:none}.bg-theme-dropdown{padding:.5rem;font-size:1rem;font-weight:500;color:#343a40;border-radius:4px;border:1px solid #ccc;background-color:#f9f9f9;position:fixed;bottom:0;right:0}