@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;600&display=swap";h1,h2,h3,h4,h5{font-family:Roboto Mono,monospace;margin:0;padding:0}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Roboto Mono,monospace;word-break:break-all}#container{max-width:860px;margin:0 auto;display:flex;flex-direction:column;height:100%}.icon{font-size:1.4rem;color:#e91a86}.boxes #email-and-description-container{margin-top:20px;margin-bottom:20px}ul{list-style-type:none;margin:0;padding:0}ul li{display:flex;flex-direction:column;justify-content:flex-start;font-size:1.2rem;border-radius:4px;color:#000}ul li.inactive{opacity:.6}ul li .on-active{display:none}ul li a:hover .on-active,ul li a:focus .on-active{display:inline-block}ul li a:hover .on-inactive,ul li a:focus .on-inactive{display:none}ul li a{border:0 none;cursor:pointer;position:relative}ul li a:hover svg,ul li a:focus svg{color:#8334dd}ul li .inactive{text-decoration:line-through}ul li a.email{flex:1;font-weight:600;padding:10px 0;color:#000}ul li p.description a{display:block;width:100%;color:#444;padding-bottom:1.2rem}ul li p.description a .hint{opacity:0;color:#e91a86;background:#ffffff;transition:all .2s;position:absolute;top:0;left:0}ul li p.description a:hover .hint{opacity:1}.row{display:flex;flex-direction:row;align-items:center}.row h1{flex:1}p{color:#222525;margin:0;padding:0}#sign-up,#login{flex:1;display:flex;flex-direction:column;justify-content:center}#sign-up button,#login button{margin:0 auto;display:block}#sign-up p,#login p{text-align:center}.loading{text-align:center;margin-top:50px}.input-group{padding:10px 0}.error{color:#d31e5d}label{flex:1;font-size:.8rem;color:#e91a86;margin-top:10px}input[type=text],input[type=number],input[type=password],textarea{padding-bottom:15px;border:0;border-bottom:3px solid #8334dd;border-radius:2px;width:100%;box-sizing:border-box;font-family:Roboto Mono,monospace;color:#2c3e50;font-size:1.2rem;outline:0}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus{border-color:#e91a86}button{background:#ffffff;font-weight:700;color:#e91a86;border:0 none;border-radius:1px;border:1px solid #e91a86;cursor:pointer;padding:15px 20px;margin:0 5px;outline:0}button:hover,button:focus{background-color:#e91a86;color:#fff}button:disabled{background-color:#555;color:#fff;border-color:#555!important}.spacer{height:30px}header{justify-content:flex-end;position:absolute;top:30px;right:30px;font-size:1.2rem}a{text-decoration:none;color:#8334dd;cursor:pointer}a:hover,a:focus{color:#e91a86}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;font-size:2rem}.flash{position:fixed;top:10px;right:10px;overflow:hidden}.flash .alert{opacity:0;position:relative;left:100px;transition:all .7s cubic-bezier(.68,-.55,.265,1.55);padding:10px 20px;margin:5px 0;font-family:Roboto Mono,monospace;font-size:1.3em;font-weight:200}.flash .alert.alert-success{background-color:#71d398;color:#000}.flash .alert.alert-danger{background-color:#dc6471;color:#fff}.flash .alert.alert-alert{background-color:#fc14d5;color:#fff}.flash .alert.active{opacity:1;left:0px}.flash .alert.active.exiting{opacity:0;left:100px}