@charset "utf-8";
/* CSS Document */

/* from https://benmarshall.me/responsive-iframes/ */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}





.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: 
	absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* LIST #2  (not used as of yet) lettering  from http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html */

#list2 ol { font-family:Georgia, Times, serif; font-size:24px; color:#333;  }
#list2 ol li { }
#list2 ol li p { padding:1px; font-style:normal; font-family:Arial; font-size:20px; color:#333; border-left: 1px solid #999; }
#list2 ol li p em { display:block; }

/* LIST #2w */
#list2w ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1;  }
#list2w ol li { }
#list2w ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; }
#list2w ol li p em { display:block; }

/* LIST #6 */
#list6 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; }
#list6 ol { list-style-type: upper-roman; color:#eee; font-size:14px; list-style-position: inside; }
#list6 ol li { }


/* for Comp engineering unit 3 for algebra notations - should maybe put in text folder area later*/
span.overline {
    text-decoration: overline;