:root{--background-color:#fcfcfc;--light-color:#66d4ff;--dark-color:#0092cc;--gradient-color:linear-gradient(0deg,var(--dark-color),var(--light-color));--light-important-color:#e08585;--dark-important-color:#c33;--important-gradient:linear-gradient(0deg,var(--dark-important-color),var(--light-important-color));--light-disabled-color:#b3b3b3;--dark-disabled-color:grey;--disabled-gradient:linear-gradient(0deg,var(--dark-disabled-color),var(--light-disabled-color));--text-color:#29333d}body,html{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text-color)}ul{padding:0}ul li{margin:0;list-style-type:none}button{background:var(--gradient-color);border:0;box-sizing:border-box;padding:5px 8px;border-radius:5px;color:#fff;font-weight:700;font-size:large}button:disabled{background:var(--disabled-gradient)}a{text-decoration:none;color:var(--dark-color)}.form-group{text-align:left;margin:30px 0}.form-group.inline{display:grid;grid-template-columns:3fr 2fr}.form-group.inline input{display:inline-block}.form-group.inline button{margin:0}.form-group label{display:block;margin-bottom:10px;font-size:large;color:#333}.form-group input,.form-group textarea{padding:3px 5px;font-size:large;display:block;width:100%;box-sizing:border-box}.form-group textarea{height:200px}button{margin:10px auto 30px;display:block;font-size:xx-large;cursor:pointer}button:hover{--light-color:#99e2ff;--dark-color:#00b7ff;--gradient-color:linear-gradient(0deg,var(--dark-color),var(--light-color))}main{width:min(90vw,980px);margin:0 auto}#nav{padding:30px;font-size:xx-large;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);position:sticky;top:0;z-index:100}#nav a{font-weight:700}#nav a.router-link-exact-active{color:var(--light-color)}.cards .card{box-shadow:0 0 7px rgba(0,0,0,.6);background:var(--background-color)}.cards .card img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain;display:block}.cards .card img[src*="/mila"]{filter:sepia(50%)}.cards .card .description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:10px}.cards .card .meta{display:grid;margin:10px;grid-template-columns:auto auto}h3[data-v-d3ae7968]{text-align:center}dialog[open]{display:block}dialog{display:none;position:fixed;padding:0;border:0;margin:0;top:0;left:0;width:100vw;height:100vh;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,50.2%,.5);overflow:auto;z-index:100}dialog section{width:clamp(400px,50vw,600px);margin:40px auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.6);padding:20px}.cards{display:grid;justify-content:center;grid-gap:5vw;margin:30px 0}@media(min-width:310px){.cards{grid-template-columns:300px;grid-gap:10px}}@media(min-width:640px){.cards{grid-template-columns:repeat(2,300px);grid-gap:20px}.create-user .form-group{display:grid;grid-template-columns:auto auto;grid-gap:20px;align-items:center;margin:0 auto}.create-user .form-group input{height:3em;margin:0;justify-self:right}.create-user .form-group button{margin:0;justify-self:left}}@media(min-width:990px){.cards{grid-template-columns:repeat(3,300px);grid-gap:30px}}section.create-user input{width:300px;display:block;margin:0 auto}section ul{padding:0;width:300px;margin:0 auto 30px;box-shadow:0 0 10px rgba(0,0,0,.4);font-size:1.2em}section ul li{list-style-type:none;cursor:pointer;padding:7px 4px}section ul li:hover{font-weight:700;background:#f1f1f1}