* {
	margin: 0; 
	padding: 0;
}

body	{
 /*   width: 160vw;   */
 /*   overflow-x: auto;*/
    overflow-y: hidden;
	font-family: 'Roboto', sans-serif;
	cursor:default;
          z-index: -9999;    

}

body.interface {
  width: 2105px;
  height: 100vh;  
  overflow-x: scroll; 
}

body.entrance {
  width: 100%;
  height: 100vh;  
  overflow-x: hidden; 
}


.tile {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: blue;
    transition: all 0.5s ease-out;
    z-index: 3;    
}

.tile.active {
    opacity: 0;
    pointer-events: none;
}


.button1 {
    position: fixed;
    bottom: 2%;
    right:  2%;
    width: 200px;
    height: 200px;
    background-color: red;
    border-radius: 50%;
    cursor: pointer;
    z-index: 7;    
}


/*SCROLL BAR*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  visibility: hidden;
  pointer-events: none;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
}

/*LINK STYLE*/
a	{
    text-decoration:none;
	display:inline;
	color:rgba(255,255,255,1.00);
}

a:hover	{
	color:blue;
	background-color:rgba(255,255,255,1.00);
}

a:active	{
	color:blue;
	background-color:rgba(255,255,255,1.00);
}

button {
    font-size: 20px;
    background-color: blue;
    border: none;
    font-family: 'Signika', sans-serif;
    font-weight:700;
    font-size: 20px;
	text-align: left;
    color: white;
    cursor: pointer;
}

button:hover	{
	color:blue;
	background-color:rgba(255,255,255,1.00);
}


/*FONT STYLES*/
h0	{
    font-family: 'Signika', sans-serif;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight:700;
    text-decoration: underline;
}

h3	{
	font-family: 'Signika', sans-serif;
    font-size: 20px;
	text-align: left;
}

h4	{
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	text-align:left;
	text-align:justify;
	font-size:12px;
}

h5	{
	font-family: 'Signika', sans-serif;
    font-size: 16px;
    font-weight:normal;
	text-align: left;
}

h6	{
	font-family: 'Signika', sans-serif;
	line-height:24px;
	color:#FFF;
    text-align:justify;
    display: inline;
	background:rgba(0,0,255,1.00);
	font-size:24px;
    text-transform: uppercase;
}

h7	{
	font-family: 'Signika', sans-serif;
	font-weight:500;
	line-height:100%;
	display:inline;
	color:#FFF;
	background:rgba(0,0,255,1.00);
	text-align:left;
	font-size:12px;
}

h8	{
	font-family: 'Signika', sans-serif;
	color:#FFF;
    text-align:justify;
    display: inline;
	background:rgba(0,0,255,1.00);
	font-size:20px;
    text-transform: uppercase;
   	font-weight:700;
}


h9	{
	font-family: 'Signika', sans-serif;
	font-weight:500;
    display:inline;
	line-height:100%;
	color:#FFF;
	background:rgba(0,0,255,1.00);
	text-align:left;
	font-size:12px;
}

#iframe-container {
  height: 100%;
      z-index: -9999;    

}

iframe {
    width: 100%;
    height: 100%;  
    border: none;
      z-index: -9999;    

}


sup	{
	vertical-align: top;
	font-size:10px;	
}


#projecttitle	{
	font-family: 'Signika', sans-serif;
    background-color: #e0e0e0;
    position: relative;
	position:absolute;
	text-align:left;
	width:380px;
    line-height: 18px;
    background-color:transparent;
      z-index: -9999;    


}

/*
#texttitle	{
	font-family: 'Signika', sans-serif;
	position:absolute;
	text-align:left;
	width:590px;
	padding-top:4px;
}

#linktitle	{
	font-family: 'Signika', sans-serif;
	position:absolute;
	text-align:right;
	width:100px;
	padding-top:6px;
}
*/


/*
#page	{
	overflow-y:scroll;
    overflow-x:scroll;
}
*/


/*width before change:
380px
380px
390px
was not changed
*/


/*111*/
#projectwrapper	{
	width:380px;
    height: 100vh;  
	overflow:hidden;	
    overflow-x: hidden; 
	float:left;
	margin-left:7px;
    margin-top: 1%;
      z-index: -9999;    

}

#project	{
	width:380px; 
    height: 100vh;  
	overflow-y:scroll;
	overflow-x:hidden;
	margin-left: 0%;
	padding-left:0px;
	padding-right:20px;
      z-index: -9999;    

    /*
	font-size:14px;
    */
}

.results {
    height: 100vh;  
	width:390px;
	padding-right:20px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 0%;
	padding-top:50px;
      z-index: -9999;    

}


/*222*/
#textwrapper	{
	width:580px;
    height: 2500px;  
	overflow:hidden;
    overflow-x: hidden; 
	float:left;
	text-align:left;
	margin-left:7px;
    margin-top: 1%;
        z-index: 1;    


}

#text	{
	width:580px;
    height: 2500px;  
	overflow-y:scroll;
	overflow-x:hidden;
	margin-left: 0%;
	padding-left:0px;
	padding-right:20px;
	font-size:14px;
	text-align:justify;
        z-index: 1;    

}

.results2 {
    height: 2500px;  
	width:590px;
	padding-right:20px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 0%;
	padding-top:50px;
        z-index: 1;    

}


/*333*/
#linktitle	{
	font-family: 'Signika', sans-serif;
	position:absolute;
	text-align:left;
	width:165px;
    line-height: 18px;
        z-index: 1;    

}



#linkwrapper	{
	width:160px;
    height: 100vh;  
	overflow:hidden;	
	float:left;
	text-align:left;
   	margin-top:-5%;
	margin-left:-5%;
    background-color: blue;
        z-index: 1;    


}

#link	{
	width:180px;
    height: 100vh;
	overflow-y:hidden;
	overflow-x:hidden;
    /*	
    font-size:14px;
    */
	text-align:justify;
    margin-top: 7%;
    margin-left: 10%;
        z-index: 1;    


}

.results3 {
	height: 100vh;
	width:165px;
	padding-right:20px;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-left: 0%;
        z-index: 1;    

    /*
	padding-top:50px;
    */
}




/*
p	{
	line-height:	120%;
}

#p2{
	text-align:left;
}
*/


/*
#projectfooter	{
	width:85px;
	margin: 0 auto;
	text-align:left;
}
*/




/*
#content	{
	padding-top:50px;
}

#tab	{
	padding-left:30px;	
}
*/

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img:not([src]) {
	visibility: hidden;
}



/**/

.fixed1 {
	position:relative; 
	width:1280px;
	pointer-events: none;
}

.fixed2 {
	position:absolute;
	pointer-events: none;
}

.fixed3 {
	position:absolute; 
	width:573px;
	pointer-events: none;
}