html, body { height: 100%; padding: 0; margin: 0; background-color: #E5E5E5; height: 100vh; }

nav { font-size: 1.6em; margin: 20px; }

h2 { text-align: center; font-size: 1.6em; margin-top: 40px; margin-bottom: 40px; font-weight: bold; }

ol li { line-height: 1.5em; margin-bottom: 15px; list-style-position: outside; }

ol { margin-bottom: 50px; padding-bottom: 40px; border-bottom: solid #000; }

.opgelet { font-weight: bold; color: #F06363; }

.opgelet span { font-weight: 300 !important; }

.input-group-text { background-color: #003E9A; color: #fff; font-weight: bold; padding: 10px; }

.form-control { font-size: 15px; padding: 22px; }

body { padding: 1rem; font-family: sans-serif; }

.fullscreen { overflow: hidden; padding: 0; background-color: white; }

.container { background-color: #fff; }

.card { border: none; }

.bb-logo { height: 10vw; max-height: 80px; width: auto; margin-top: 10px; margin-bottom: 10px; }

#intro { text-align: center; line-height: 1.5em; }

.meethead { display: grid; grid-template-columns: 120px auto; grid-template-rows: auto; }

@media screen and (max-width: 800px) { .meethead { grid-template-rows: auto auto; grid-template-columns: auto; } }

.meethead__logo { padding: 2px; }

.meethead__logoimg { width: 100%; max-height: 30px; height: auto; }

.meethead__body { padding: 2px; display: grid; grid-template-columns: auto auto; grid-template-rows: auto; }

@media screen and (max-width: 800px) { .meethead__body { grid-template-columns: auto; grid-template-rows: auto auto; } }

.meethead__buttons { display: flex; justify-content: flex-end; }

@media screen and (max-width: 800px) { .meethead__buttons { justify-content: space-between; } }

.meethead__body a { color: #000000; }

.meethead__body a:hover { text-decoration: none; }

#chan { display: flex; align-items: stretch; flex-direction: column; height: 100%; width: 100%; }

.meet { flex-grow: 1; }

#chan.hidden { display: none; }

.hidden { display: none; }

.wrd_disp { display: inline-block; background-color: #ffff64; padding: 2px; padding-left: 5px; padding-right: 5px; border-radius: 2px; }

.version { text-align: right; font-size: 10px; color: #969696; }

.btn-primary { background-color: #43CA69; border-color: #43CA69; float: right; padding: 15px; width: 250px; }

.custom-select { height: auto !important; }

.btn-copy::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0ea"; margin-right: 5px; }

.btn-copy.clicked::before { content: "\f00c"; }

.summary { font-weight: bold; font-size: 1.2em; }

.topnav__logoimg { height: 7vw; max-height: 30px; }

.responsive-h1 { font-size: calc( 1.5rem + 1vw); }

/*# sourceMappingURL=style.css.map */