/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
@font-face {
    font-family: 'FuturaM';
    src: url('futura medium bt.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaL';
    src: url('futura light bt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'UbuntuB';
    src: url('Ubuntu-B.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuC';
    src: url('Ubuntu-C.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuBI';
    src: url('Ubuntu-BI.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuL';
    src: url('Ubuntu-L.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuM';
    src: url('Ubuntu-M.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuLI';
    src: url('Ubuntu-LI.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuMI';
    src: url('Ubuntu-MI.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuMonoBI';
    src: url('UbuntuMono-BI.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuMono';
    src: url('UbuntuMono-R.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu-R.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuMonoI';
    src: url('UbuntuMono-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuMonoB';
    src: url('UbuntuMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuTh';
    src: url('Ubuntu-Th.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UbuntuI';
    src: url('Ubuntu-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



body {
  background-color: #736558;
  color: #A7FF5E;
  font-family: "FuturaM";
}
h1 {
  font-family: "FuturaM";
  color: #A7FF5E;
  text-align: center;
  font-size: 4rem;
}
h2 {
  font-family: "FuturaM";
  color: #A7FF5E;
  text-align: center;
  font-size: 3rem;
}
h3 {
  font-family: "FuturaM";
  color: #A7FF5E;
  text-align: center;
  font-size: 2rem;
}
a {
  font-family: "UbuntuLI";
  color: #9F99FF;
  font-size: 1.7rem;
}
a:visited {
  color: #D77DFF;
}
a:link {
  color: #9F99FF;
}
a:hover {
  color: #857DFF;
}
p {
  font-family: "Ubuntu";
  color: #3DC432;
  text-align: center;
  font-size: 1.5rem;
}
p i{
  font-family: "UbuntuI";
}
p b{
  font-family: "UbuntuB" 
}
ol{
  font-family: "Ubuntu";
  color: #A7FF5E;
  text-align: left;
  padding: 20px;
  padding-left: 40px;
  font-size: 1.5rem;
  border: 4px;
  border-color: #d28eff;
  border-style: solid;
}
.li{
  font-family: "Ubuntu";
  color: #A7FF5E;
  text-align: left;
  font-size: 1.2rem;
}
.imagediv {
  margin:auto;
}
.warning p{
 font-family:"FuturaL";
 color: #ffcc99;
 font-size: 1.2rem;
}
.warning p b{
  font-family: "FuturaM"
}
.warning h{
  font-family:"UbuntuB";
  color: #ffbb99;
  text-align: center;
  font-size: 1.8rem;
}
.warning {
 background-color: #93562C;
 text-align: center;
 border-style: outset;
 border-width: 6px;
 border-color:#ffb380;
}