@font-face { 
   font-family: MyriadPro;
   src: url('Fonts/MyriadProRegular.ttf');
 }      
 @font-face { 
   font-family: MyriadProThin;
   src: url('Fonts/myriad-set-pro_thin.ttf');
 }      
 @font-face { 
   font-family: MyriadProCondensed;
   src: url('Fonts/MyriadProCondensed.ttf');
 }      
 @font-face { 
   font-family: Georgia;
   src: url('Fonts/georgia.ttf');
 }      
 @font-face { 
   font-family: GeorgiaBold;
   src: url('Fonts/georgiab.ttf');
 }      
 @font-face { 
   font-family: GeorgiaBoldItalic;
   src: url('Fonts/georgiaz.ttf');
 }      
 @font-face { 
   font-family: GeorgiaItalic;
   src: url('Fonts/georgiai.ttf');
 }      
 
 body {
    font-family: Georgia;
    min-width:500px;
}

header img {
    height: 18vw;
    width: 18vw;
    margin-left: 0px;
    margin-right: 0px;
}

header {
    position: relative;
    color: rgba(199, 100, 43, 1.0);
    font-family: Georgia;
    font-size: 8vw;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 22vw;
    margin: none;   
    text-align: center;
}    

header * {
    display: inline;
    vertical-align: middle;    
}

.headernav {
  display:block;  
  position:absolute;
  font-size: 1.5vw;
  color: rgba(112, 47, 25, 1.0);
  text-decoration:none;
}

.sidebarnav {
  display:block;  
  position:absolute;
  font-size: 1.5vw;
  color: rgba(199,100,43, 1.0);
  text-decoration:none;
  text-align:center;
  width:100%;
}

.mainpage {
  display:block;  
  position:absolute;
  font-size: 2.0vw;
  color: rgba(183,187,97, 1.0);
  background-color: rgba(250, 250, 250, 1.0);
  text-decoration:none;
  left: 20vw;
  top: 22vw;
  width: 78vw;
  height: 68vh;
}

.textpage {
  display:block;  
  position:absolute;
  font-size: 2vw;
  color: rgba(112,47,25, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
  text-decoration:none;
  left: 25%;
  top: 1vw;
  width: 40vw;
  height: 60vh;
  overflow-y: auto;
  max-height: 600px;
  text-align:center;
  border-radius:1vw;
  scrollbar-width:thin;
  box-shadow: 1vw 1vw 4vw rgba(0,0,0,.2);
  padding: 2vw 2vw;
}


.goatci-font{
  font-family:Georgia;
  position:absolute;  
  display:block;
  color: transparent;   
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, rgba(159, 60, 3, 1.0), rgba(219, 120, 63, 1.0), rgba(159, 60, 3, 1.0), rgba(199, 100, 43, 1.0), rgba(159, 60, 3, 1.0));
  background-clip: text;
  -webkit-background-clip: text; /* For WebKit browsers */
}

.goatci-font::after {
  background: none; 
  content: attr(data-text); /* Use the content from the data-text attribute */
  left: 0;
  position: absolute;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .33), 2px 2px 2px rgba(0, 0, 0, .33), -1px -1px 1px rgba(180, 100, 100, .63);  
  top: 0;   
  z-index: -1;
}

a:link {
  color: rgba(112,47,25, 1.0); /* Unvisited link color */
}

a:visited {
  color: rgba(132,67,45, 1.0); /* Visited link color */
}

a:hover {
  color: rgba(199,100,43, 1.0); /* Link color on hover */
}

a:active {
  color: rgba(199,100,43, 1.0); /* Link color when active/clicked */
}

.plink {
 color: rgba(112,47,25, 1.0);   
}
.plink:hover { 
 color: rgba(199,100,43, 1.0); /* Link color on hover */
}