div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin:0;
 padding:0;
}

ol,ul {
 list-style:none;
}

h1 { font-size: 1.30em; font-weight:normal}
h2 { font-size: 1.20em; font-weight:normal}
h3 { font-size: 1.10em; font-weight:normal}
h4 { font-size: 1.00em; font-weight:normal}
h5 { font-size: 0.83em; font-weight:normal}
h6 { font-size: 0.75em; font-weight:normal}

a:link    { color: #AF9B60; text-decoration: none;}
a:visited { color: #AF9B60; text-decoration: none;}
a:hover   { color: #ffffff; text-decoration: none;}
a:active  { color: #AF9B60; text-decoration: none;}
a:focus   { color: #ffffff; text-decoration: none;}

.clear {clear: both;}

.center {display: block; margin: 0 auto; text-align: center;}

html,body {
 height: 100%;
 width: 100%;
 margin: 0 auto;
 font-size: 13pt;
 color: white;
 font-family: 'open_sanscondensed_light', 'arial narrow';
 word-wrap: normal;
 zzzoverflow: auto;
 -webkit-overflow-scrolling: touch;
 background-color: black;
 background-image: url(img/bg01.jpg);
 /* background-size: 100px 100px; */
 scrollbar-base-color: #AF9B60;
 scrollbar-face-color: #AF9B60;
 scrollbar-arrow-color: #AF9B60;
 scrollbar-track-color: #333;
 scrollbar-highlight-color: #333;
 scrollbar-3dlight-color: #333;
 scrollbar-darkshadow-color: #333;
}

::-webkit-scrollbar {width: auto; height: auto;}
::-webkit-scrollbar-track {background: #333;}
::-webkit-scrollbar-button {background: #AF9B60;}
::-webkit-scrollbar-button:vertical:increment {background-image: url(img/arrow_down_32x32.png);	background-size: contain; background-position: center; background-repeat: no-repeat; }
::-webkit-scrollbar-button:vertical:decrement {background-image: url(img/arrow_up_32x32.png);	background-size: contain; background-position: center; background-repeat: no-repeat; }
::-webkit-scrollbar-button:horizontal:increment {background-image: url(img/arrow_right_32x32.png);	background-size: contain; background-position: center; background-repeat: no-repeat; }
::-webkit-scrollbar-button:horizontal:decrement {background-image: url(img/arrow_left_32x32.png);	background-size: contain; background-position: center; background-repeat: no-repeat; }
::-webkit-scrollbar-thumb {background: #AF9B60;}
::-webkit-scrollbar-thumb:hover {background: #AF9B60;}
::-webkit-scrollbar-corner {background-image: url(../apple-touch-icon.png); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #333;}

.top {
 background-color: #000000;
 height: auto;
 xxheight: 4%;
 width: 100%;
 position: fixed;
 xxbackground-image: url(img/blk.png);
 -webkit-box-shadow: 	0px -13px 7px 18px rgba(72, 99, 160,0.19);
 -moz-box-shadow: 	0px -13px 7px 18px rgba(72, 99, 160,0.19);
 box-shadow: 	0px -13px 7px 18px rgba(72, 99, 160,0.19);
 xxpadding: 1.9% 0% 0.5% 0%;
}

.top img {
 width: 303px;
 xxheight: 63%;
 display: block;
 margin: 0 auto;
}

.topspace {
 height: auto;
 background: none;
 background-color: black;
 background-image: none;
 xxpadding: 1.3% 0% 1.3% 0%;
}

.topspace img {
 width: 303px;
 xxheight: 63%;
 display: block;
 margin: 0 auto;
}

#breaker {
 font-size: 0.4em;
 xxbackground-color: #f2f3f4;
 xxbackground-color: #FFFAFA;
 background-color: 	#E6E6FA;
 color: #696969;
}

.wrap {
 zzheight: 40%;
 background-color: none;
 background-image: url(img/cover.jpg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 60% 50%;
}

#scope {
 xxbackground-color: #f2f3f4;
 xbackground-color: #c0c0c0;
 background-color: #000000;
 xcolor: #E6E6FA;
 xcolor: #000000;
 color: #696969;
 font-family: 'open_sans_condensedbold', 'arial bold';
}

.coverzoom {
 display: flex;
 float: right;
 zzjustify-content: center;
 align-items: ;
 flex-wrap: wrap;
 background: none;
 background-color: none;
 background-image: none;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 zzflex-basis: ;
 padding: 0rem;
}

.coverzoomimg {
 background-color: none;
 height: 23px;
 width: 23px;
 zzzmargin: 1em;
 zzzbackground-image: url(../project02/denniston-aman-canal-grande.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 border: 0;
 background-size: contain;
}

.about {
 color: #c0c0c0;
 text-transform: ;
 text-align: center;
 background-color: none;
 background-image: url(img/000000-0.4.png);
}

#coverzoom .playlist { margin: 0.8em; padding: 0 0 0 0; text-transform: uppercase;}

#coverzoom figure {  clear: left; margin: 0 0 0 0; padding: 0 0 0 0; }

#coverzoom img { width: 0; height: 0;  }

.header {
 color: white;
 font-family: 'open_sans_condensedbold', 'arial bold';
 text-transform: capitalize;
 text-align: center;
}

.subheader {
 color: white;
 font-family: 'open_sanscondensed_light', 'arial bold';
 text-transform: capitalize;
 text-align: center;
}

.ongoing {
 color: white;
 text-transform: capitalize;
 text-align: center;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 grid-gap: 1em; padding: 1em;
}

.flex-container {
 display: flex;
 justify-content: center;
 align-items: ;
 flex-wrap: wrap;
 background-color: none;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

#projects .playlist { margin: 1em; padding: 0 0 0 0; text-transform: uppercase;}

#projects figure {  clear: left; margin: 0 0 0 0; padding: 0 0 0 0; }

#projects img { width: 0; height: 0;  }

#description { text-transform: none; }

.proj {
 background-color: none;
 height: 14em;
 width: 300px;
 zzzmargin: 1em;
 zzzbackground-image: url(../project02/denniston-aman-canal-grande.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 border: 0;
 background-size: cover;
}


/* popper */

.content[aria-hidden=true] {
 height: 0px;
 width: 0px;
 overflow: hidden;
 display: none;
 color: #000000;
 border: 0px;
}

.content {
 height: 300px;
 width: 90%;
 overflow: auto;
 display: block;
 color: #c0c0c0;
 margin: 0 auto;
 background-color: #141414;
 border: 0px;
}

.container[aria-hidden=true] {
 width: 300px;
 height: 0px;
 display: none;
 margin: 0 auto;
}

.container {
 background-color: none;
 width: 90%;
 margin: 0 auto;
 border: 0px;
}

.trigger {
 font-family: 'open_sanscondensed_light', 'arial narrow';
 font-size: 1em;
 padding: 0 20px;
 height: 45px;
 width: 300px;
 border: 0px;
 background-color: #AF9B60;
 color: #000000;
 display: block;
 margin: 0 auto;
 xxtext-align: center;
 xxdisplay: flex;
 xxalign-items: center;
 xxborder-radius: 20px;
 xxcolor: #212121;
 cursor: pointer;
}


/*

.xxcontent[aria-hidden=false] {
  xxmax-height: var(--containerHeight, 10000px);
	xxtext-align: right;
	xxheight: auto;
	overflow: hidden;
}

.xxxcontainer {
  xxfont-family: ;
  xxline-height: 1.2;
	xxbackground-color: #333333;
}

.xxtrigger:focus {
  xxborder: 2px solid #1e90ff;
  xxoutline: 0;
}

* {
  xx-bad-code-xxbox-sizing: border-box;
}

[data-drawer-showing=true] .trigger {
  xxbackground-color: #3ecf8e;
	xxbackground-color: orange;
  xxborder: 2px solid white;
	color: #ffffff;
}

.xxcontainer + .container {
  xxmargin-top: 20px;
	xxbackground: green;
}

.xxcontainer + .container + .container {
  xxmargin-top: 20px;
	xxbackground: blue;
}

.content {
  display: flex;
  xxmargin: 1em;
  xxline-height: 1.4;
  xxmax-width: 800px;
	display: block;
	xxmargin: 0 auto;
	xxtext-align: ;
	color: #c0c0c0;
}

*/

/* popper */


.cont { background-color: none; }

.mugz {
 display: flex;
 justify-content: left;
 flex-wrap: wrap;
}

#mugz img {
 height: 20px;
 width: 20px;
}

.bot {	background-color: black; }

.social-icon img {
 height: 30px;
 width: 30px;
}

/**************************experimental write/int************************/

/*

#interviews {text-transform: uppercase;}

#interviews figure {display: inline; margin: 0 auto; padding: 0px; border: none;}

#interviews img {height: 250px; vertical-align: text-top; border: 0px;}

#subtitle {text-transform: uppercase;}


#outer {
	border: none;
	text-align: left;
    max-height: 275px;
    overflow: auto;
	overflow-y: hidden;
	}

#outer ul {
	white-space: nowrap;
	}

#outer li {
	display: inline;
	display: inline-block;
    text-transform: uppercase;
	}

#outer li img {
	width: 170px;
	height: 250px; vertical-align: middle;
	}

.year {
	float:left;
	z-index:1000;
	width: 10%;
	height: 250px;
	background-color: NONE;
	background-image:url(img/000000-0.4.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/000000-0.4.png');
	text-align:center;
	}

*/

/********************************************************************/