/*	 Zacher awooga Tiburzi */
 
 
 

/* ------------------------------------- NOTES  -------------------------------------- */ 
/*    title logo                                           */
/*    meta data for web page  							   */
/*    extra back button on the python 					   */
/*    mobil page back and forth  						   */
/*    first letter of the article title is outlin in blue  */


 /*	border-top-width: 0px:
	border-top-style: none;
	border-top-color: rgba(255,50,50,1);
	background-color: rgba(255,253,253, 1);
	font-family:      "Garamond", serif;
	font-size:        14px;*/
/*	font-weight:      normal;	*/		/* normal | bold */
/*	font-style:       normal;	*/		/* normal | italic | oblique */
/*	text-transform:	  normal;	*/		/* normal | uppercase | lowercase | capitalize */
/*	text-decoration:  none;  	*/	    /* none   | underline | overline | linethrough | blink */

/*font-family: "Arial", "Tahoma", "Verdana", "Calibri", "Candara", "Century Gothic", "Helvetica", "Segoe UI", "Trebuchet MS", "Impact", sans serif;
font-family: "Consolas", "Courier New", monospaced;
font-family: "Times New Roman", "Georgia", "Garamond", "Cambria", "Book Antiqua", Serif; */



/* ------------------------------------------------------------------------------------------ */
/* --------------------------------- Attribute Qualities  ----------------------------------- */
/*-ms-@viewport {
    width: device-width;
    initial-scale: 1;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 3;
    user-zoom: fixed;
}
@viewport {
    width: device-width;
    initial-scale: 1;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 3;
    user-zoom: fixed;
}*/ 		
	





/* ------------------------------------------------------------------------------------------ */
/* --------------------------------- Attribute Qualities  ----------------------------------- */
			a:{}

			a:link {		 		  /* Links are not underline and have a blck text */
				color: 	          rgba(10,10,10,1);
				text-decoration:  none;}

			a:visited {		 	  /* Visited links are black */
				color:            rgba(10,10,10, 1);}

			a:hover {		 	  /*   */
 				background-color: rgba(255,253,252,1);}

			a:active {	         /* Does nothng  */
				color: 			  rgba(255,253,252,1);
				background-color: rgba(255,253,252,1);}

								  /* Hover over text blocks and the bacground is slight red */
			#resumeColumb1:hover, #resumeColumb2:hover, #resumeColumb3:hover, 
								  #resumeColumb4:hover, #projectTextColumn:hover {
				background-color: rgba(255,100,100, .05);}

			a.strikeHover0:hover { /* Line through text on hover */ 
				text-decoration:  line-through;}

			a.hoverTitle:hover {	  /* Zacher Tiburzi is blue on hover */
				color:            rgba(20,20,240, 1);}




	
/* ------------------------------------------------------------------------------------------ */
/* --------------------------------- Formating Selectors ------------------------------------ */
			.inLine {		
				display:    inline;}

			.block{			 
				display:    block; 
				clear:      left; 
				float:      left;}

			.hidden { 		 
				visibility:	hidden; 
				margin:     0px;
				padding:    0px;}

			.clearLeft0 { 		 
				clear:	   left;}

			.clearLeft1 {		 
				clear:	   left;
				float:     left;}
		
			.containerBuffer {		 
				width:     100%;   height:  75px;		  
				margin:    0px;    padding: 0px;}
				
			.floatRight {
				float:     right;}
		
			.floatLeft {
				float:     left;}

			.clearLeft {
				clear:     left;}
				
			.centerAlignText {
				text-align:   center;}
				
			.marginPaddingZero {
				margin:  0px;	padding:  0px;}

			.textIndent {
				text-indent:    100px;}
				
			.marginRight1 {
				margin-right: 2vw;}
		
		
		
/* ------------------------------------------------------------------------------------------ */
/* -----------------------------------  Image Filters  -------------------------------------- */
			.red {
				background-color:	rgba(250,75,50,1);}

			.green {
				background-color:	rgba(50,250,50,1);}

			.blue {
				background-color:	rgba(50,50,250,1);}
				
			.yellow1{
				background-color: rgba(255,235,100, .175);}

			.redBrown {
				color:              rgba(200,40,40,.85);}

			.grey {
				color:              rgba(0,0,0,.1);
				color:              rgba(15,15,15,1);}

			.grey0 {
				color:              #403c39;}
		
			.blackBackground {
				background-color:   #222222; }
          
          

			.imageFilter0 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */	
				filter:     blur(0px) brightness(100%) contrast(130%) drop-shadow(0px 0px 0px red) grayscale(0%) 
						    hue-rotate(0deg) invert(0%) opacity(100%) saturate(120%) sepia(0%); }

			.imageFilter1 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(100%) contrast(140%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(120%) sepia(0%); }

			.imageFilter2 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(100%) contrast(140%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(120%) sepia(0%); }
            
            .imageFilter5 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(120%) contrast(110%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(110%) sepia(0%); }

			.imageFilter6 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(110%) contrast(110%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(110%) sepia(0%); }

			.imageFilter7 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(130%) contrast(120%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(110%) sepia(0%); }

			.imageFilter8 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(110%) contrast(120%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(200%) sepia(0%); }

			.imageFilter9 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(100%) contrast(120%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(150%) sepia(0%); }

			.imageFilter10 {		/* INDIVIDUAL FILTER OF IMAGES, color=  */
				filter: 	blur(0px) brightness(110%) contrast(110%) drop-shadow(0px 0px 0px red) grayscale(0%) 
							hue-rotate(0deg) invert(0%) opacity(100%) saturate(110%) sepia(0%); }
                            
		
		
		
/* ------------------------------------------------------------------------------------------ */
/* ----------------------------------- General Page ----------------------------------------- */
			html {
				width:   100%;   height:  100%;
				margin:  0px;    padding: 0px;
				}	
		
			body {  
				width:   100%;   height:   100%;		 
				margin:  0px;    padding:  0px; 		 
				}




		
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Index header  ------------------------------------- */

 
 
 
 
 
/* ------------------------------------------------------------------------------------------ */
/* --------------------------------------- Index page --------------------------------------- */
	

		
		
		
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------  Resume page  --------------------------------------- */
			.resumePageBody {			
				background-color:   rgba(255,253,252,1);		
				width:   			100%;    height:   100%;  
				min-width:          500px;
				min-height:         800px; 
				overflow-y:         hidden;
				} 
		
			#resumeContainer {		 
				width:     3100px;   height:   87%;   
				}

			#resumeColumb1, #resumeColumb2, #resumeColumb3, #resumeColumb4 {	 
				height:       100%; 
				margin-right: 40px;
				float:        left;   
				}

			#resumeColumb1 {					 
				width:        500px;
				margin-left:  40px;
				}

			#resumeColumb2 {					 
				width:  600px; 
				}

			#resumeColumb3 {					 
				width:  1100px;		  
				}

			#resumeColumb4 {					  
				width:  600px;
				}

			.resumeSubColumb0, .resumeSubColumb1 {
				height:       auto;
				float:        left;
				margin-right: 20px;
				}

			.resumeSubColumb0 {					 
				width:        38%;
				}

			.resumeSubColumb1 {					 
				width:        57%;
				}

			.resumeSubContainer {				 
				width:  100%; height: auto;
				}

			#resumeTitle0 {				 
				font-size:      21px;
				text-align:     left; 
				font-weight:    600;    			
				}  

			#resumeTitle1 {				 
				font-size:   	16px;
				text-align:     left;   
				font-weight:    600;
				}

			.resumeParagraph {			
				font-size:       13.5px;
 				text-align:      left;	
				font-weight:     500;
				}
				
			#resumeTitle0, #resumeTitle1, .resumeParagraph {
				font-family:    "Helvetica";
				
				margin:	         0px;
				padding:         0px;
 				letter-spacing:  0.02em;
				word-spacing:    .2em;
				line-height:     1.5em;
				}

			.resumeContactPic {				 
				width:	        25px;
				height:	        25px;
				}	
		
			.resumeContactPic1 {				 
				width:	        50px;
				height:	        50px;
				}
				
				
				
				
/* ------------------------------------------------------------------------------------------ */
/* ----------------------------------- Projects and labs  ----------------------------------- */
	




				
/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------------- Art page ---------------------------------------- */
  	
				
				
				
				
				
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------  Project page  -------------------------------------- */
 
			
			
			
			
			
/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- Python header  ------------------------------------ */


				
				
				
				
/* ------------------------------------------------------------------------------------------ */
/* --------------------------------------- Python page  ------------------------------------- */
 		
		
		
		
		
		
/* ------------------------------------------------------------------------------------------- */
/* ----------------------------------- Python Article Page  ---------------------------------- */