<> h1 { font-size:1.6rem !important; } h2 { font-size:1.4rem; } h4 { font-size:1.2rem; } #calcform { padding:20px; border:1px solid #ddd; background:#eee8d5; } #box { padding-top:30px; border:1px inset; } #time#date#zone#gcal { text-align:center; font-size:30px; } #time { font-family:ArialHelveticasans-serif; font-weight:bold; font-variant-numeric: tabular-nums; } #cal { margin:20px auto 0 auto; max-width:340px; height:200px; } #gcal { width: 100%; height:120px; margin:auto; margin-bottom:10px; padding-left:0; } #gcal>div>div:first-child { margin:auto; } .qs-datepicker-container { margin-left:50px; } .qs-datepicker-container.qs-datepicker { box-shadow:unset; -webkit-box-shadow:unset; } #wctbl tr td:nth-child(2) { text-align:right; padding-right:20px; min-width:120px; } @media all and (min-width: 800px) { #box2:fullscreen { padding-top:10vw; } #time { font-size:7vw; } #box2:fullscreen #time { font-size:10vw; padding-top:10vw; } #date { font-size:3vw; } #zone { font-size:2vw; } } @media all and (max-width: 799px) { #box2:fullscreen { padding-top:30vw; } #time { font-size:13vw; } #time:fullscreen { font-size:14vw; height:100%; padding-top:30vw; } #date { font-size:7vw; } #zone { font-size:6vw; } #gcal { margin-bottom:0; padding-left:10px; } .qs-datepicker-container { margin:auto; position:unset; } } @media all and (max-width: 799px) and (orientation: landscape) { #box2:fullscreen { padding-top:1vw; } #time:fullscreen { font-size:14vw; } #gcal { padding-left:30px; } } @media (prefers-color-scheme: dark) { /*html,body { background:#fff !important; }*/ body,h1,#nav,#nav a,#rcol a,#header a:hover { color:#fff !important; background:rgba(33,37,41) !important; } #header,#footer,#header a,#footer a,#nav a:hover,.seealso { color:#fff; background:#414549 !important; } #header img { filter:invert(1); } #doc img { filter:invert(0) !important; } #rcol h5 { color:#000; } #calcform { background:#414549; color:#fff; } #wctbl tr td { color:#fff; background:rgba(33,37,41); } }