html,body{height:100%;margin:0}video{max-width:100%;max-height:250px}.content{display:flex;flex-direction:column;min-height:100vh}app-header{flex:0 0 auto}app-footer{flex:0 0 auto}main{flex:1 1 auto}button{background-color:#373f51;color:#fff;border-radius:5px;margin:5px}button:hover{cursor:pointer}form{display:flex;background-color:#a9bcd0;flex-wrap:wrap;justify-content:space-between;align-items:center}input,select,option{border:1px solid gray;border-radius:5px;padding:5px;margin:5px}h1{text-align:center}nav{display:flex;background-color:#a9bcd0;padding:5px}a{text-decoration:none;color:#000;background-color:#daa49a;padding:5px;border-radius:5px;flex-grow:1;margin:2px;text-align:center}footer{background-color:#a9bcd0;color:#fff;padding:5px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.card{display:flex;flex-flow:column;background-color:#a9bcd0;border-radius:10px;padding:5px;margin:5px}.card-header{font-weight:700;border-bottom:1px solid black}.card-body{display:flex;justify-content:space-between}.dot{width:10px;height:10px;display:inline-block;border-radius:25px}.dot-red{background-color:red}.dot-green{background-color:green}.dot-yellow{background-color:#ff0}.buttons{display:flex}.buttons-horizontal{flex-flow:row;align-items:center}.buttons-vertical{flex-flow:column;justify-content:center}.scrollable{max-height:75vh;overflow:auto}.container{display:flex;flex-flow:column}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}