<link href="https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap" rel="stylesheet">

@import url("https://hello.myfonts.net/count/2c63b3");
@font-face {
    font-family: 'BauerBodoniBT-BlackItalic';
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_0_0.eot);
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_0_0.eot#iefix) format('embedded-opentype'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_0_0.woff2) format('woff2'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_0_0.woff) format('woff'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_0_0.ttf) format('truetype');
}

@font-face {
    font-family: 'Quadon-Bold';
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_1_0.eot);
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_1_0.eot#iefix) format('embedded-opentype'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_1_0.woff2) format('woff2'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_1_0.woff) format('woff'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_1_0.ttf) format('truetype');
}

@font-face {
    font-family: 'Quadon-Light';
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_2_0.eot);
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_2_0.eot#iefix) format('embedded-opentype'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_2_0.woff2) format('woff2'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_2_0.woff) format('woff'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_2_0.ttf) format('truetype');
}

@font-face {
    font-family: 'Quadon-Regular';
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_3_0.eot);
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_3_0.eot#iefix) format('embedded-opentype'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_3_0.woff2) format('woff2'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_3_0.woff) format('woff'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_3_0.ttf) format('truetype');
}

@font-face {
    font-family: 'Quadon-RegularItalic';
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_4_0.eot);
    src: url(https://www.uoregon.edu/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_4_0.eot#iefix) format('embedded-opentype'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_4_0.woff2) format('woff2'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_4_0.woff) format('woff'), url(/modules/contrib/uo_web_helper/fonts/webfonts/2C63B3_4_0.ttf) format('truetype');
}



body {
  
nbackground: rgb(255,255,255);

padding-left: 3em;
padding-right: 3em;
padding-top: 3em;
  font-family: "Titillium Web", Arial, Verdana, Helevetica, "Sans-Serif A";
  font-color: #323C38;
  color: #333C38;
  font-size: 1.4em; 
  line-height: 1.6;
  font-weight: 100;
  background-color: white;
}




/*  Serif fonts:  Times New Roman, Times, Georgia, Palatino, Serif
/*  Sans-serif fonts: Arial, Verdana, Helevetica, Sans-Serif A


/*
/*background: #aaaaaa; /* Old browsers */
/*  background: -moz-linear-gradient(left,  #000033 1%, #000099 100%); /* FF3.6+ */
/*  background: -webkit-gradient(linear, left top, right top, color-stop(1%,#000033), color-stop(100%,#000099)); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(left,  #000033 1%,#000099 100%); /* Chrome10+,Safari5.1+ */
/*  background: -o-linear-gradient(left,  #000033 1%,#000099 100%); /* Opera 11.10+ */
/*  background: -ms-linear-gradient(left,  #000033 1%,#000099 100%); /* IE10+ */
/*  background: linear-gradient(to right,  #000033 1%,#000099 100%); /* W3C */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000033', 
/*  endColorstr='#000099',GradientType=1 ); /* IE6-9 */




H1 {
 font-family: Cousine, sans-serif;
 font-size:350%;
 line-height: 0.9;
 word-spacing: -0.3em;
 letter-spacing: -0.02em;
 padding-top: -5px;
}

H2 {
 line-height: 0.9em;
 word-spacing: .2em;
 letter-spacing: -0.02em;
}

H3 {
 line-height: 0.95em;
 word-spacing: .1em;
 letter-spacing: -0.02em;
}





ul {
  list-style-type: none; 
}

ol {
 font-size:100%;
 line-height: 0.9;
}


#TopFive {
 font-size: 95%; 
 font-family:  Arial, Verdana, Helevetica, "Sans-Serif A";
 
}

#grid-container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  background-color: #FFFFFF;
  grid-gap: 1em;
  padding: 0.25em;
}


#BigGreenBox{
 grid-column:  1 / span 3;
 background-color: #154E26;
 padding: 2.5%;  
 color: white;
}


#GreySideBox1{
 background-color: #EFEEEC;
 padding: 2.5%;
 grid-row: 2 / span 2;
}

#GreySideBox2{
 background-color: #EFEEEC;
 padding: 2.5%;
 grid-row: 4 / span 3;
}





#LinedBox2{
 grid-row: 2 / span 2;
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
}


#LinedBox3{
 grid-row: 4;
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
}

#LinedBox4{
 grid-row: 5;
 background-color: #FFFFFF;
 border: 2px solid black;
 padding: 2.5%;
}




#FooterBox{
 grid-area: 6 / 2 / 6 / 4 ;
 background-color: #FFFFFF;
 padding: 2.5%;  
}


#manicule::before{
position: absolute;
left: 25%;
top: -60px;
font-size:500%;
color: purple;
content: " \261E  "; /* Hexadecimal for Unicode White Right Pointing Index */
}

#etching{
  position: relative;
  align-items: left;
  width: 10em;
  height: 10em;
  background: rgba(102,102,102,0.5);
  padding: 5%;  
  border: 3px  solid yellow;
     background-image:
      radial-gradient(
      circle,
      #66AA66 60%,
      transparent 0
      ),
      readial-gradient(
      circle,
      #FF0000 50%,
      transparent 0
      );
  background-size: 1em 1em;
background-position:
    0 0em, 
    0 0em;   
}


/* Cormorant+Unicase  Eagle+Lake  MedievalSharp  Uncial+Antiqua  */