@import "https://fonts.googleapis.com/css?family=Roboto";html,body{height:100%}.App{flex-direction:column;height:100vh;display:flex}:root{--primary-color:#4527a0;--danger-color:#fa1e51;--success-color:#28a745;--light-color:#fff;--dark-color:#000;--dark-surface-color:#ffffff1f;--light-surface-color:#0000001f;--primary-hover-color:#6a52b3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-color);color:var(--light-color);font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--light-color)}ul{list-style:none}img{width:100%}.container{max-width:1100px;margin:auto;padding:0 2rem;overflow:hidden}.debug-data{display:none}.x-large{margin-bottom:1rem;font-size:4rem;line-height:1.2}.large{margin-bottom:1rem;font-size:3rem;line-height:1.2}.lead{margin-bottom:1rem;font-size:1.5rem}.text-primary{color:var(--primary-color)}.text-dark{color:var(--light-color)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.all-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto;display:flex}.card{background:var(--dark-surface-color);border-radius:2.5px;margin:0;padding:1rem}.list{margin:.5rem 0}.list li{padding-bottom:.3rem}.p{padding:.5rem}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.py{padding:.5rem 0}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.m{margin:.5rem}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.my{margin:.5rem 0}.my-1{margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.grid-2{grid-gap:1rem;grid-template-columns:repeat(2,1fr);display:grid}.grid-3{grid-gap:1rem;grid-template-columns:repeat(3,1fr);display:grid}.grid-4{grid-gap:1rem;grid-template-columns:repeat(4,1fr);display:grid}.btn{background:var(--primary-color);color:var(--light-color);cursor:pointer;border:none;outline:none;margin-right:.5rem;padding:.4rem 1.3rem;font-size:1rem;transition:opacity .2s ease-in;display:inline-block}.btn-link{background:0 0;margin:0;padding:0}.btn-block{width:100%;display:block}.btn-sm{margin-right:.2rem;padding:.3rem 1rem;font-size:.8rem}.badge{text-align:center;background:var(--dark-surface-color);color:var(--light-color);border-radius:5px;margin:.3rem;padding:.2rem .7rem;font-size:.8rem;display:inline-block}.alert{opacity:.9;background:var(--primary-color);color:var(--light-color);margin:1rem 0;padding:.7rem}.bg-primary,.badge-primary,.alert-primary,.bg-dark,.badge-dark,.alert-dark{background:var(--primary-color);color:var(--light-color)}.btn-danger,.bg-danger,.badge-danger,.alert-danger{background:var(--danger-color);color:var(--light-color)}.btn-success,.bg-success,.badge-success,.alert-success{background:var(--success-color);color:var(--light-color)}.btn-white,.bg-white,.badge-white,.alert-white{background:var(--dark-surface-color);color:var(--light-color)}.btn:hover{background:var(--primary-hover-color)}.round-img{border-radius:50%}input{margin:1.2rem 0}.form-text{color:#888;margin-top:.3rem;display:block}input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{border:1px solid #ccc;width:100%;padding:.4rem;font-size:1.2rem;display:block}input[type=submit],button{font:inherit}table th,table td{text-align:left;padding:1rem}table th{background:var(--dark-surface-color)}.navbar{z-index:1;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:.7rem 2rem;display:flex}.navbar ul{display:flex}.navbar a{color:var(--light-color);margin:0 .25rem;padding:.45rem}.navbar a:hover{color:var(--light-color)}.navbar .welcome span{margin-right:.6rem}@media (width<=700px){.hide-sm{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.x-large{font-size:3rem}.large{font-size:2rem}.lead{font-size:1rem}.navbar{text-align:center;display:block}.navbar ul{text-align:center;justify-content:center}}