@import url("headings.css");
@import url("forms.css");

/*** layout ***/

body {
  width:          100%;
  /* max-width:      1220px; */
  margin-top:     30px;
  margin-bottom:  30px;
}

hr {
  margin-top:     0;
  margin-left:    0; 
  border-style:   solid;
  margin:         auto;
  width:          40%;
}

table {
  margin-top:     0.1em;
}

ul {
  margin-left:    0.5em;
  padding-left:   1em;
}

/*** color ***/

body,table,th,td {
  /* background-color: #fff; */
  background-color: #ffcc66;
  color:            #000;
}
table.minicalendar {
  background-color: #fff;
}
th.minicalendar {
  text-align:       center;
  font-weight:      bolder;
  /* background-color: #fff; */
}
td.minicalendar {
  text-align:       center;
  font-weight:      normal;
  /* background-color: #fff; */
}

/*** text ***/
/*
  font-size:        1em;    == 16px
  line-height       normal; ~= 1.2em
  font-weight:      100-900;
  font-weight:      normal; == 400
  font-weight:      bold;   == 700
*/

body,div,p,td,form {
  font-family:      Futura,"Gill Sans",Verdana, sans-serif;
  /*
  font-size:        1em;
  line-height:      1.5;
  */
  font-size:        1em;
  line-height:      1.7;
/*  -webkit-appearance: none; */
}

p.long {
  font-weight:      bold;
  line-height:      1.7;
}
p.small {
  font-size:        0.87em;
  line-height:      1;
}

/*** labels ***/

label,span {
  /* font-size:        0.87em; */
  /* font-variant:     small-caps; */
  line-height:      1.2;
}
label.small {
  font-weight:      normal;
  font-size:        1em;
  line-height:      1.7;
  vertical-align:   middle;
}

/*** links ***/

a { 
  font-weight:      500;
  text-decoration:  none; 
  color:            #000;
}

a:visited { 
  font-weight:      bold; 
  text-decoration:  none; 
  color:            #000; 
}

a:hover { 
  text-decoration:  none;
  color:            #000;
}

/*
grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  gap: 2em;
}
*/

/*
div.emergency {
  width:            800px;
  background-color: #ff0000;
  color:            #fff;
  margin:           auto;
  text-align:       left;
}
*/