/* References:
https://piccalil.li/blog/a-modern-css-reset/
https://meyerweb.com/eric/tools/css/reset/
*/
*,*::before,*::after{box-sizing:border-box}
html {
  -ms-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  text-size-adjust:none;
}
body{margin:0;padding:0;text-rendering:optimizeSpeed;font-family:'Segoe UI',sans-serif;overflow-x:hidden;text-align:center;}
img{color:transparent}/*Hides alt text while loading images*/

/*Semantic Classes */
.hidden{display:none}
.noselect{
  -webkit-touch-callout:none;/*iOS*/
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}
.text-left{text-align:left}
:link,:visited{text-decoration:none}
.hover-underline:hover{text-decoration:underline}
.margin-center{margin:0 auto}

footer{
  font-size:0.9rem;font-family:sans-serif;
  position:fixed;
  bottom:32px;
  right:32px;
  padding:1vh 1%;
  background:#333;
  color:#fff;
}
footer a,footer a:visited{color:#fff}
@media only screen and (max-width:600px) {footer{width:100%;bottom:0px;right:0px;padding:1%;}}
noscript{color:#fff;background:darkred;position:fixed;top:0.5%;right:0.5%;font-family:monospace;font-size:0.9rem;padding:5px;cursor:help}