@font-face {
    font-family: 'Fraktur BT';
    font-style: normal;
    font-weight: normal;
    src: url('fraktur-webfont.woff2') format('woff2'),
    url('fraktur-webfont.woff') format('woff');
}

@font-face {
    font-family: 'btp';
    font-style: normal;
    font-weight: normal;
    src: url('btp.woff2') format('woff2'),
    url('btp.woff') format('woff');
}
        
        
	html,body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		font-family: 'Fraktur BT';
		overflow:hidden;
         text-align: justify;
    text-justify: inter-word;
        text-decoration: none;
        color:yellow;

	}



.multiSounds__details {
    display: none;}
    
    .multiSoundDetails.g-text-shadow.sc-media {
        display: none;}


#random :link{text-decoration: none;color: yellow}
#random :visited{text-decoration: none;color: white}
#random :hover{text-decoration: none;color: yellow}
#random :active{text-decoration: none;color: white}

.show {
    display: none;
}

li.show {list-style-type: circle;
    display: none;
}
    


a:hover + .show {
    position: fixed;
    width: 100%;
    bottom:100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
    z-index: 99999999999999999999;
    font-size: 80px;
    color: white;
    filter: blur(1px);
  display: block;

    
}

.visions{color:yellow;text-decoration: underline;}
.asta{color:yellow;text-decoration: underline;}


a {
	color:white;    text-decoration: none

}
        
a:link {
    color: white;
    text-decoration: none
}

a:visited {
    color: white;
        text-decoration: none

}

a:hover {
    color: white;
        text-decoration: none

}

a:active {
    color: white;
        text-decoration: none

}
        

#belleville{
    position: fixed;
top: 100px;
left: 2%;
font-size: 80px;
    color: white;
z-index: 999999;
}


#arcueil-cachan{
position: fixed;
top: 100px;
right: 2%;
text-align: right;
font-size: 80px;
color: white;
z-index: 999999;
}

#rerb{
    position: fixed;
bottom: -70px;
left: 2%;
font-size: 80px;
    color: white;
z-index: 999999;
}

.inside{   
    position: fixed;
left: 2%;
font-size: 80px;
    color: white;
z-index: 999999;}

#m11{
position: fixed;
bottom: -70px;
right: 2%;
text-align: right;
font-size: 80px;
color: white;
z-index: 999999;
}


#maps {
position: absolute;
top: 0;
height: 100vh;
width:120%;
    margin-left: -150px;
background-color: transparent;
z-index: 0;
 -webkit-filter:grayscale(100%) invert(75%);
    filter:grayscale(100%) invert(75%);
    
}



#abli{
position: fixed;
bottom: -60px;
left: 0px;
width: 100%;
height: 380px;    
mix-blend-mode: multiply;
    z-index: 999999;
}

.birol{height: 100%;width: 100%;}


#two {z-index: 99999999999999999999999999999999999999999999999999999;position: fixed;top: 250px;}

#nav-two{
position: fixed;
font-size: 80px;
color: white;
z-index: 999999;
transform: rotate(-7deg);
display: block;
    -webkit-animation-name: dom; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: dom;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}

#nav-four{
position: fixed;
font-size: 80px;
color: white;
z-index: 999999;
transform: rotate(7deg);
          display: block;
    -webkit-animation-name: castle; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: castle;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

#nav-five{
position: fixed;
font-size: 80px;
font-size: 60px;
color: white;
z-index: 99999999999999999999999999999999999;
font-family: 'btp';
text-transform: uppercase;
transform: rotate(12deg);
          display: block;
    -webkit-animation-name: out; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: out;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes dom {
    0%   {left:2%; top:-50px;}
    25%  {left:2%; top:-40px;}
    50%  {left:2%; top:-50px;}
    75%  {left:2%; top:-40px;}
    100% {left:2%; top:-50px;}
}
/* Standard syntax */
@keyframes dom {
    0%   {left:2%; top:-50px;}
    25%  {left:2%; top:-40px;}
    50%  {left:2%; top:-50px;}
    75%  {left:2%; top:-40px;}
    100% {left:2%; top:-50px;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes castle {
    0%   {right:2%; top:-50px;}
    25%  {right:2%; top:-40px;}
    50%  {right:2%; top:-50px;}
    75%  {right:2%; top:-40px;}
    100% {right:2%; top:-50px;}
}
/* Standard syntax */
@keyframes castle {
    0%   {right:2%; top:-50px;}
    25%  {right:2%; top:-40px;}
    50%  {right:2%; top:-50px;}
    75%  {right:2%; top:-40px;}
    100% {right:2%; top:-50px;}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes out {
    0%   {right:2%; bottom:0px;}
    25%  {right:2%; bottom:10px;}
    50%  {right:2%; bottom:0px;}
    75%  {right:2%; bottom:10px;}
    100% {right:2%; bottom:0px;}
}
/* Standard syntax */
@keyframes out {
    0%   {right:2%; bottom:0px;}
    25%  {right:2%; bottom:10px;}
    50%  {right:2%; bottom:0px;}
    75%  {right:2%; bottom:10px;}
    100% {right:2%; bottom:0px;}
}