/*These are the styles applied to attributes and/or multiple pages.*/
 
 /* This <div> tag below uses a descendent selector, which uses a space, to
 select the <p> and <ul> tags.*/
 div p, ul{        
     font-size: 1.9vw;
     color: brown;
     font-family: Times;
 }
        
 body{
     background-color: beige;
 }
     
 h1{
     font-size: 2.7vw;
     color: brown;
     font-family: Helvetica;
     font-style: italic;
 }

 h2{
     font-size: 2.4vw;
     color: green;
     font-family: Helvetica;
     font-style: italic;
 }    
 
 /*Classes and ids are used throughout the stylesheet to implement styling to
 tags in HTML.*/    
 .beginning{
     font-size: 1.75em;
     border: solid, 4px, brown;
 } 
 
 /*The <p> tag selects another <p> tag using the general sibling seelctor "~".*/
 .beginning p ~ p{
     font-size: 1.5vw;
     color:green;
 }
     
 #mainheading{
     color: green;
     font-size: 3.5vw;
 }
  
 #tablestyle td{
     font-size: 1.9vw;
     border: 2px, green, solid;
 }

 .elementborder{
     border: 2px, solid, brown;
 }
 
 /*This is one of the <span> tag ids*/ 
 #text_em{
     font-weight: 900;
     font-style: italic;
 }
 
 .definition{
     font-style: italic;
     color: green;
 }
 
 /*This <iframe> tag selects a <p> tag using the adjacent sibling selector "+"*/
 iframe + p{
     font-size: 1.75vw;
     color: green;
 }
 
 /*These are specific styles applied to "index.html".*/
 
 /*Another adjacent sibling selector.*/
 img + p{
     font-size: 1.75vw;
     color: green;
 }

 #goldens h1{
     color: green;
     font-size: 3.0vw;
 }
    
 /*These are specific styles applied to "activities.html".*/
 
 .favoriteactivities h1, p{
     text-align: center;
 }
 
 /*This parent <ul> tag selects a child <ul> tag using the child selector ">".*/   
 ul > ul{
     color: green;
 }
    
 #bigton{
     font-size: 1.3em;
     font-weight: 900;
     font-style: italic;
 }