:root{--primary:#ff1493;--textPrimary:#fff;--transparent:transparent;--bgColor:#000}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;background:var(--bgColor);color:var(--textPrimary);font-family:Roboto,Arial,Helvetica}:where(#specificity,#footer) :where(a:link,a:visited){border-bottom:1px solid;color:var(--textPrimary);text-decoration:none}:where(#specificity,#footer) a:hover{color:var(--primary)}#tsparticles{height:100%;position:absolute;width:100%}#tsparticles canvas{display:block}html>body>.container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 40px);padding:0 10px}html>body>.container>#footer{font-weight:600;margin-top:auto;z-index:1}#title{font-size:3rem}#subtitle,#title{margin:10px 0;text-align:center}#subtitle{font-size:1.5rem}.text-shadow{text-shadow:0 1px 15px var(--bgColor)}html>body>.container>#form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10%;max-width:460px;z-index:1}html>body>.container>#form>header{position:relative}html>body>.container>#form>header:after{background-image:linear-gradient(to right,var(--transparent),var(--primary),var(--transparent));bottom:-15px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:10em}html>body>.container>#form>.input-group{align-items:center;margin:10px 0;width:90%}html>body>.container>#form>.input-group label{display:block;margin:10px 0}html>body>.container>#form>.input-group input{border:0;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);font-size:1.5rem;padding:10px;width:100%}.input-group input:focus{outline:none}html>body>.container>#form>#result{background-color:rgba(0,0,0,.4);font-size:1.5rem;line-height:1.3;margin:10px 0;padding:10px 0;text-align:center}html>body>.container>#form>#result>mark{background-color:var(--primary);border-radius:5px;box-shadow:inset 0 -50px 36px -28px rgba(0,0,0,.35);padding:0 5px}html>body>.container>#form>#specificity{margin-bottom:20px}html>body>.container>#form>#visualization{align-self:flex-start;font-size:1rem;position:relative}#visualization *{display:block;font-size:inherit;font-weight:400;line-height:1;list-style-type:none;margin-left:18px;padding-left:4px;text-align:unset;text-decoration:none;width:100%}#visualization>*{margin:0 0 3px}#visualization button{border:0}#visualization input,#visualization textarea{-ms-overflow-style:none;border:unset;border-radius:5px;color:#000!important;font-size:1rem;font:inherit;max-height:1.1rem;outline:none;padding-bottom:2px!important;resize:none;scrollbar-width:none;white-space:nowrap}#visualization textarea::-webkit-scrollbar{display:none}@media screen and (max-width:768px){header:after{height:1px}}@media screen and (max-width:530px){.container{height:unset}#form{margin-top:1rem}}