*{font-family:"Roboto",Helvetica,sans-serif;box-sizing:border-box;margin:0}body{margin:0;background-color:var(--bg-color);color:var(--text-color)}body.light-theme{--text-color:#111;--bg-color:#eee;--btn-hover-bg-color:#ddd;--btn-active-bg-color:#aaa;--btn-active-color:#fff}body.dark-theme{--text-color:#ddd;--bg-color:#1b1b1b;--btn-hover-bg-color:#888;--btn-active-bg-color:#555;--btn-active-color:#fff}h1,h2,p,div{text-align:center}p{margin:8px 0}h1,h2{margin:8px 0}.dc-header{text-align:center;padding:16px 0;margin-left:10%;margin-right:10%}.dc-content{margin-left:10%;margin-right:10%}.dc-content-text{padding:8px 0;margin-left:10%;margin-right:10%}.dc-footer{margin-top:128px}.dc-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a,a:hover,a:visited,a:active{color:inherit;text-decoration:underline}.dc-navigation{display:flex;flex-direction:row}.dc-links{text-align:left;flex:2}.dc-contacts{flex:1}.dc-colour-theme{text-align:right;flex:1}.dc-contact-link{text-decoration:none}.dc-contact-icon{text-align:right;vertical-align:middle;width:36px;height:36px;padding:2px}.dc-btn{background-color:inherit;border:0;color:inherit;cursor:pointer;display:inline-block;font-size:18px;outline:0;overflow:hidden;padding:8px 16px;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dc-btn:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.dc-btn:hover{background-color:var(--btn-hover-bg-color)}.dc-btn.active{background-color:var(--btn-active-bg-color);color:var(--btn-active-color)}.dc-colour-icon{display:inline-block;width:36px;height:36px;padding:2px;opacity:.3}.dc-colour-icon.active{opacity:1.0}.dc-hidden{display:none}@media screen and (max-width:480px){.dc-navigation{flex-direction:column}.dc-links{text-align:center}.dc-contacts{text-align:center}.dc-colour-theme{text-align:center}.dc-header{margin-left:2%;margin-right:2%}.dc-content{margin-left:2%;margin-right:2%}.dc-content-text{padding:4px;margin-left:4%;margin-right:4%}.dc-footer{margin-top:64px}.dc-btn{font-size:16px;padding:2px 4px}.dc-contact-icon{width:24px;height:24px;padding:1px}.dc-colour-icon{width:24px;height:24px;padding:1px}}