p.first a { color:#fff; }
html { font-family: Work Sans; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-text-size-adjust: 100%; color: #fff; text-rendering: optimizeLegibility;  padding:0px; margin:0px;}
body { background:#060606; color:#fff; font-family: Work Sans; line-height: 1.5; -webkit-text-size-adjust: 100%; color: #fff; text-rendering: optimizeLegibility; padding:30px; margin:0px; }
h1, h2 {  font-size: 30px; font-weight: 600; font-family: Work Sans; line-height: 1.5; -webkit-text-size-adjust: 100%; color: #fff; text-rendering: optimizeLegibility; }
p, .wdsbuttons { font-family: Work Sans; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-text-size-adjust: 100%; color: #fff; text-rendering: optimizeLegibility; margin-bottom:2em; }
.wds-outer { max-width:800px; width:100%; margin:0px auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;  }
.wds-outer img { width:300px; margin-bottom:20px;   }
.wdsbuttons { margin:50px auto 75px auto;  max-width:600px;  }
.wdshwords { display:none; }
.wdsbuttons ul, .wdsbuttons ul li { list-style:none; padding:0px; margin:0px;  }
.wdsbuttons ul li a { display:block; background-color:#181818; color:#fe8c71; width: calc(100% - 200px); min-width:240px;  border-radius:6px; padding:10px 15px; text-decoration:none; margin:0px auto 15px auto; transition: all 0.1s linear; border: 2px solid #181818;  }
.wdsbuttons ul li a:hover, .wdsbuttons ul li a:active, .wdsbuttons ul li a:focus  { background: #060606; color:#fff; }


@media only screen and (min-width: 100px) and (max-width: 640px) { 
.wds-outer img { width:250px; }
h1,h2 {  font-size: 24px; }
.wdsbuttons { margin-top:52px; }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 960px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { 
body { padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
}


@media (prefers-color-scheme: light) and (max-width: 1200px) {
html, body, h1, h2  { color: #fff; }
body  { background:#fe8c71;}
.wdsbuttons ul li a  {background-color:rgba(255,255,255,0.9); color:#060606;  border: 2px solid rgba(255,255,255,0);  }
.wdsbuttons ul li a:hover, .wdsbuttons ul li a:active, .wdsbuttons ul li a:focus  { background: #fe8c71; color:#fff; border: 2px solid rgba(255,255,255,0.9);}
}


