@keyframes glow{0%{box-shadow:0 0 5px -5px #a8dadc}to{box-shadow:0 0 5px 5px #a8dadc}}body{background:#1d3557;margin:0;font-family:HCo Operator Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#tsparticles{position:fixed;width:100%;height:100%;z-index:-999}.nav{margin:0;padding:0 1rem}.nav .nav-item{list-style-type:none;display:inline-block}.nav .nav-item .nav-link{color:#f1faee;text-decoration:none;text-transform:uppercase}.nav .nav-item .nav-link:hover{color:#e34234}.nav .nav-item:not(:first-of-type){margin-left:1rem}.text{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);color:#f1faee;max-width:90%;padding:2em 3em;background:rgba(0,0,0,.05);text-shadow:0 0 2px #131415;text-align:center}h1{position:absolute;top:-9999px;left:-9999px}a,a:visited{color:#e34234;transition:.25s}a:hover{color:#ba160c}a:focus{color:#ba160c}.primary{background-color:#e63946;border-color:#e63946}.secondary{background-color:#457b9d;border-color:#457b9d}.transliterate-box label{display:inline-block;text-align:center;--rotate:-1deg;--scale:1;transform:rotate(var(--rotate)) scale(var(--scale));padding:2px;background:0 0;color:#f1faee}.transliterate-box label .highlight{background-size:500px;padding:5px}.transliterate-box textarea{border:1px solid #ccc;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;min-height:200px;max-width:100%;resize:none;width:100%;padding:.5rem;background:#fff;font-size:large;vertical-align:top;outline-style:none;box-shadow:none;border-color:transparent}.transliterate-box textarea.active{animation:glow .8s infinite alternate}.transliterate-box>.language-input ::selection{color:#fff;background:#e63946}.transliterate-box>.language-input:first-of-type ::selection{background:#457b9d}.transliterate-box button{width:100%;margin:0;padding:0;border-width:1px;border-style:solid;color:#f1faee;font-family:Open Sans,sans-serif;vertical-align:top;outline-style:none;box-shadow:none;border-color:transparent}.transliterate-box button:hover{cursor:pointer}.transliterate-box button:hover.primary{background:#ec6670;border-color:#ec6670}.transliterate-box button:hover.secondary{background:#5d95b8;border-color:#5d95b8}.button-list a{cursor:pointer;color:#fff;padding:0 4px;margin-right:2px;border-width:1px;border-style:solid;border-radius:2px;vertical-align:middle}.button-list a:hover{background:#5d95b8;border-color:#5d95b8}@media screen and (max-width:768px){.text{width:100%}.text>img{width:60%;height:auto}.text>p{font-size:1.6rem}.transliterate-box{grid-template-columns:auto}}@media screen and (max-width:600px){.text{width:100%}.text>img{width:80%;height:auto}.text>p{font-size:1.2rem}}