body {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  background-color: white;
  color: black;
  margin-top: 10px;
  border: none;
}
a {
  color: #0f0f0f;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}
a:hover {
  text-decoration-style: wavy;
}
a:touchstart {
  text-decoration-style: wavy;
}
a:touchend {
  text-decoration-line: underline;
}
a:visited {
  text-decoration-line: line-through;
}

#links {
  font-size: 32px;
  letter-spacing: 3px;
  text-align: right;
  padding-left: 18px;
  padding-right: 8px;
}

#links a {
  padding-left: 15px;
}

section {
  width: 100%;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;

}

table {
  border: 0px none;
}
td {
  padding: 8px;
}

#featured {
}
.greyBox {
  background-color: #DDDDDD;
}
.featureThumb {
  align: right;

}
#featureTable {
  display: flex;
}
.featureDesc {
  vertical-align: text-top;
}
.featureDesc > a:hover {
  text-decoration-style: wavy;
  text-decoration-thickness: 0.5px;
}
.featureDesc > a:touchstart {
  text-decoration-style: wavy;
  text-decoration-thickness: 0.5px;
}
#navHead {
  font-size: 28px;
  font-weight:700;
}
#welcome {

}

h1 {
  font-size: 52px;
  font-weight:700;
  color: #000000;

}

h2 {
  font-size: 40px;
  font-weight:500;
  color: #000000;

}
h3 {
  font-size: 32px;
  font-weight:400;
  color: #000000;

}

p {
  font-size: 28px;
  font-weight:400;
  color: #000000;
  margin-top: 3px;
  /*padding-top: 1px;*/
  padding-left: 15px;
  padding-right: 15px;
}

.p2 {
  font-size: 24px;
  font-weight:300;
  color: #000000;
  padding-left: 25px;
  padding-right: 15px;
}

/*form {
    margin: 10px;
}*/
label, input {
  padding: 5px;

}

input[type=button], input[type=reset], input[type=submit], button {
  background-color: grey;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 15px;

}
footer {
  background-color: #A0A0A0;
  font-size: 28px;
  margin-top: 10px;
  padding: 10px 10px 25px 10px;
}
#socials{

}

#socials a {
  padding: 8px;
}
#socials img {
  vertical-align: -20%;
}

/*
Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400
Roboto&quot;,sans-serif; --colors-dark:#353535; --colors-light:#fff; --colors-danger:#EA5D5C; --colors-primary:#F3F3F3; --colors-success:#4DBD74;
--colors-warning:#FFC107; --colors-accent-1:#3C6E71; --colors-accent-2:#284B63; --colors-grey-100:#F1F1F1; --colors-grey-200:#DDDDDD;
--colors-grey-300:#C9C9C9; --colors-grey-400:#B5B5B5; --colors-grey-500:#A1A1A1; --colors-grey-600:#888888; --colors-grey-700:#747474;
--colors-grey-800:#565656; --colors-grey-900:#383838; --colors-secondary:#D9D9D9; --colors-primary-dark:#dadada; --colors-accent-1-dark:#235558;
--colors-accent-2-dark:#0f324a; --colors-primary-light:#ffffff; --colors-accent-1-light:#508285; --colors-accent-2-light:#3c5f77;
--colors-primary-accent:#fdfdfd; --colors-secondary-dark:#c0c0c0; --colors-accent-1-accent:#46787b; --colors-accent-2-accent:#32556d;
--colors-secondary-light:#ededed; --colors-secondary-accent:#e3e3e3; */
