a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

body{
	background-color: #161B1B;
	font-family: 'Share Tech Mono', monospace;
	font-size: 14px;
	line-height: 20px;
	color: #FFFF9D;
	letter-spacing: 2px;
}


header{
	width: 100%;
}

nav{
	position: fixed;
	z-index: 999;
	width: 100%;
	top: -45px;
	height: 45px;
	transition: top 0.5s ease;
	line-height: 0;
}

nav:hover{
	top: 0;
}

.thegoodwrap{
	position: relative;
}

.thegoodwrap:after{
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(imagenes/expand.svg);
	background-repeat: no-repeat;
	z-index: 999;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -70px;
	border: solid 20px transparent;
}

.sectionlink{
	width: 50%;
	display: inline-block;
	font-family: 'Share Tech Mono', monospace;
	text-align: center;
	font-size: 14px;
	letter-spacing: 3px;
	color: #FFFF9D;
	padding: 15px 0;
}

#sect1{
	background-color: #00a388;
}

#sect2{
	background-color: #ff6038;
}

.magic{
	position: relative;
	overflow: hidden;
	line-height: 0;
}

.nameo{
	position: relative;
	width: 99%;
}

.subt{
	position: absolute;
	color: #FFFF9D;
	font-family: 'Share Tech Mono', monospace;
	font-size: 60px;
	line-height: 65px;
	top: 40%;
	left: 0;
	z-index: 2;
    letter-spacing: 3px;
    transform: rotateZ(90deg);

}

.gradient{
	width: 100%;
	height: 300%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(to bottom, rgba(255,96,56,1) 0%, rgba(0,163,136,1) 100%);
	animation-duration: 3s;
	animation-iteration-count: infinite; 
	animation-direction: alternate;
	animation-name: slowmove;
}

@keyframes slowmove {
	from {
		top: 0; 
	}

	to {
		top: -200%;
	}
}

.photo{
	margin-top: 20px;
	width: 100%;
	background-color: #00a388;
	text-align: right;
	line-height: 0;
	padding: 0;
}

.portrait{
	display: inline-block;
	max-width: 40%;
}

section{
	width: 85%;
	margin: 30px auto 0;
	padding: 30px 0 0;
	border-top: solid 3px #FFFF9D;
}


.sect{
	font-family: 'Kumar One';
	color: #ff6038;
	line-height: 28px;
	font-size: 24px;
	max-width: 50%;
	position: relative;
	letter-spacing: 3px;
	margin-left: 15px;
	margin-bottom: 25px;

}

.sect:before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 4px;
	background-color: #ff6038;
	left: -15px;
}

li{
	transition: padding 0.2s ease;
}

li:hover{
	padding-left: 30px;
}

.sep{
	text-transform: uppercase;
	font-size: 16px;
	color:  #00a388;
	display: inline-block;
}

.class{
	margin-left: 20px;
}

footer{
	width: 100%;
	background-color: #00a388;
	padding: 10px 0 30px;
	box-sizing: border-box;	
	margin-top: 30px;
}

.texto_burocratico{
	font-size: 9px;
	line-height: 11px;
}