:root{--color-white: #fff;--color-dark-gray: #222;--color-yellow: #f7fd06;--color-green: #19db0c;--color-red: #ff4242;--color-blue: #2d86fe;--color-white-hs: 0, 0%;--color-white-l: 100%;--color-light-blue-hs: 191, 92%;--color-light-blue-l: 67%;--color-light-yellow-hs: 50, 100%;--color-light-yellow-l: 75%;--color-red-hs: 0, 100%;--color-red-l: 63%;--background-color: var(--color-dark-gray);--text-color: var(--color-white);--text-color-dark: var(--color-dark-gray);--box-border-color: var(--color-white);--success-color: var(--color-green);--error-color: var(--color-red);--btn-background-color: var(--color-white);--btn-hover-background-color: hsl( var(--color-white-hs), calc(var(--color-white-l) - 7.5%) );--btn-active-background-color: hsl( var(--color-white-hs), calc(var(--color-white-l) - 15%) );--btn-blue-hover-background-color: hsl( var(--color-light-blue-hs), calc(var(--color-light-blue-l) - 7.5%) );--btn-blue-active-background-color: hsl( var(--color-light-blue-hs), calc(var(--color-light-blue-l) - 15%) );--btn-yellow-hover-background-color: hsl( var(--color-light-yellow-hs), calc(var(--color-light-yellow-l) - 7.5%) );--btn-yellow-active-background-color: hsl( var(--color-light-yellow-hs), calc(var(--color-light-yellow-l) - 15%) );--btn-red-hover-background-color: hsl( var(--color-red-hs), calc(var(--color-red-l) - 7.5%) );--btn-red-active-background-color: hsl( var(--color-red-hs), calc(var(--color-red-l) - 15%) )}*,*:before,*:after{position:relative;box-sizing:border-box;margin:0;font-weight:400}body{font-family:Montserrat,sans-serif;color:var(--text-color);background:var(--background-color)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-family:Lilita One,display;font-weight:400;line-height:1.1}h1{margin-bottom:1rem;font-size:4rem}h3{font-size:2rem}a{font-weight:inherit;color:inherit;text-decoration:none}a:hover{text-decoration:underline}p{margin-bottom:1rem}strong{font-weight:700}input{display:block;width:100%;padding:.5rem}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1rem}@media (width >= 768px){.container{padding:2rem}}.btn{display:inline-block;padding:1rem;font-family:inherit;font-size:inherit;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn[disabled]{opacity:.5;pointer-events:none}.btn-default{background:var(--btn-background-color);box-shadow:0 5px #d7ffff}.btn-default:hover,.btn-default:focus{text-decoration:none;background:#eff}.btn-default:active{background:#e6fbff}.btn-primary{position:relative;width:12rem;height:3.5rem;padding:0;font-family:Lilita One,display;font-size:1.3rem;background:none}.btn-primary:before,.btn-primary:after{position:absolute;inset:0;display:block;border:solid 1px;content:"";transform:perspective(15px) rotateX(-1deg)}.btn-primary:before{z-index:1;border-radius:.25rem}.btn-primary:after{margin-bottom:-5px;border-radius:.5rem}.btn-primary span{position:absolute;inset:0;bottom:2px;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden}.btn-primary span:before{position:absolute;inset:0;left:20%;z-index:-1;display:block;width:100%;height:2.25rem;background:rgba(255,255,255,.4);content:"";transition:.1s left ease;transform:rotate(-68deg)}.btn-primary:hover,.btn-primary:focus{background:none}.btn-primary:hover span:before,.btn-primary:focus span:before{left:0%}.btn-primary.btn-blue{color:#2e39ac}.btn-primary.btn-blue:before,.btn-primary.btn-blue:after{border-color:#2e39ac}.btn-primary.btn-blue:before{background:#5cdbf8}.btn-primary.btn-blue:after{background:linear-gradient(to right,#2d86fe,#5cdbf8)}.btn-primary.btn-blue:active:before{background:var(--btn-blue-active-background-color)}.btn-primary.btn-yellow{color:#2e39ac}.btn-primary.btn-yellow:before,.btn-primary.btn-yellow:after{border-color:#c05aff}.btn-primary.btn-yellow:before{background:#ffe980}.btn-primary.btn-yellow:after{background:linear-gradient(to right,#ff61d3,#f2c95f)}.btn-primary.btn-yellow:active:before{background:var(--btn-yellow-active-background-color)}.navbar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:flex-end;justify-content:space-between;max-width:1200px;padding:1rem;margin:0 auto}@media (width >= 768px){.navbar{padding-right:2rem;padding-left:2rem}}.navbar .navbar-brand{margin:-.5rem 0;line-height:0}.navbar .btn{padding-right:2rem;padding-left:2rem;font-weight:700;color:var(--color-blue);border-radius:5rem}.modal{background:linear-gradient(180deg,#2fb4ff 0%,#5cdbf8 100%);border:solid 5px;border-radius:.5rem;box-shadow:0 5px 10px #00000080}.modal .btn-close{position:absolute;top:0;right:0;width:2rem;height:2rem;padding:.5rem;margin-top:-.75rem;margin-right:-.75rem;line-height:0;background:var(--color-red);border-radius:2rem}.modal .btn-close:hover,.modal .btn-close:focus{background:var(--btn-red-hover-background-color)}.modal .btn-close:active{background:var(--btn-red-active-background-color)}.modal .btn-close:before{display:inline-block;width:100%;height:100%;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");content:""}.modal .modal-actions .btn-primary{width:8rem;height:2.5rem}.form-control{margin-bottom:1rem}.notification{padding:.5rem;margin-bottom:1rem;color:var(--text-color-dark);background:var(--color-white);border-left:solid 5px transparent}.notification.notification-success{border-color:var(--success-color)}.notification.notification-error{border-left:var(--error-color)}#app{width:100%}