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