/* Global Stylesheet */

body {
  margin:0;
  padding:0;
  font-family: Arial;
  font-size:12pt;
  margin-left: auto;
  margin-right:auto;
  width:100%;
  max-width:650px;
}

body > * {margin-left:6px; margin-right:6px; }

.header {
  font-family: Arial;
  text-align: center;
  width: 100%;
  padding: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight:bold;
  background:#f4f1f1;
  margin:0;  
  margin-bottom: 20px;
  display:flex;
  justify-content: center;
  align-items: center;
}

.header a.button {
  all:unset;
  display:block;
  cursor:pointer;
  position:absolute;
  left:10px;
  height:30px;
  width:30px;
  border-radius:3px;
  background: rgba(255,255,255,0.8) !important;
  display:flex;
  justify-content: center;
  align-items: center;
}

/* Add a left shevron icon */
.header a.button::before {
  content: "";
  border-left: 2px solid gray; 
  border-top:2px solid gray; 
  transform: rotate(-45deg);
  width:10px; 
  height:10px;
  position:absolute;
  margin-left: 6px;
}