/************* Reset *************/		
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}ol,ul,nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}input,select{vertical-align:middle;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;
padding:0;}input[type='submit'],input[type='button'],input[type='text'],input[type='tel'],input[type='email'],input[type='url']{font:inherit;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;}	



/************* TYPOGRAPHY *************/	

html {background: #000;overflow-x:hidden;-webkit-font-smoothing: antialiased;}

body {
	color:white;
}


.over {
	font-family:  Helvetica, Arial;	
	font-size:3rem;
	font-weight: bold;
	line-height: 1.3;
	position:absolute;
	z-index:999;
	max-width: 100%;
    height: auto;
    bottom: 0px;
    top: 20px;
    left: 20px;
}


img{max-width: 100%;}

a,a:visited,a:active {
	text-decoration: none;
	color:white;
	/*animation: hue 20s infinite linear;
	-webkit-animation: hue 20s infinite linear;*/
	font-weight: bold;
	transition:background 0.2s ease;
}

.over>a,.over>a:visited,.over>a:active {
	border-bottom: 0;
	text-decoration: none;
}


a:hover {

		background:rgba(255,255,255,0.15);
		text-decoration: underline;
		

}

.giff {
position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	z-index: 1;
	opacity: 0.8;

	-webkit-animation: hue 15s infinite linear;
	animation: hue 15s infinite linear;
	}
		
	
@-webkit-keyframes hue {
    from {
      -webkit-filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(0deg);
    }

    to {
      -webkit-filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(360deg);
    }
}		
	

@keyframes hue {
    from {
      -webkit-filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(0deg);      
      filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(0deg);
    }

    to {
      -webkit-filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(360deg);
      filter: blur(2px) sepia(100%) saturate(300%) hue-rotate(360deg);
    }
}




	






@media (max-width: 1024px) {
	
.over {font-size:2.5rem}

	
}


@media (max-width: 768px) {
	
.over {font-size:2rem}

	
}


@media (max-width: 600px) {
	
.over {font-size:1.5rem}

	
}

@media (max-width: 480px) {
	
.over {font-size:1rem}
	
}