body {
	background-color:white; 
    overflow-x: hidden; 
    /*Height : 100vh; */
    display: flex;
	padding : 0px 0px 0px 0px ;
	margin : 0px ;
	padding : 0;
	width : 100%; 
	display : flex ; 
	flex-direction : column ; 
	align-items : center ; 
	cursor: crosshair;
	
}

* {
border : solid red 1px;
}



::-webkit-scrollbar {
  /*width: 8px;*/
  background-color : transparent; 
}

::-webkit-scrollbar-thumb:hover {
  background-color : black; 
}

@font-face {
  font-family: "DINdong mutanx <3";
  src: 
  local(DINdong mutanx <3),
  url("DINdong mutanx.otf") ;
  
  font-family: "BBBBaskervvol-Italic";
  src : local(BBBBaskervvol-Italic), url("BBBBaskervvol-Italic.otf");
}

.under {
  text-decoration: underline ;
  background-color : black ; 
  color : white ; 
  padding : 8px 6px 6px 6px;
}

.link {
  text-decoration: underline dashed; 
}


.titre {
font-family: "DINdong mutanx <3" ;
color : white ; 
background-color : black ; 
border: black 1vw solid; 
width : 100% ;
height : 100vh ;  
text-align : center ;

display : flex ;
flex-direction : column ; 
justify-content : center ;
align-items : center ; 
}

.grand_titre {
font-family: "DINdong mutanx <3" ;
text-align : center;
/*background-color : red ; */
font-size : 3vw ; 
padding : 2vw;
}

.grand_titre_m {
font-family: "DINdong mutanx <3" ;
/*background-color : red ;*/
width : 100% ; 
font-size : 20vw ; 
padding : 7vw 0vw 0vw 0vw ;
margin :  0vw 0vw -1.5vw 0vw;
}

.sous-titre {
font-family: "DINdong mutanx <3" ;
/*background-color : red ; */
font-size : 1.2vw ; 
}

.presentation {
font-family: "DINdong mutanx <3" ;
border: green 2px dashed; 
width : 100% ;
height : 100vh ;  
padding :  1vh ; 
line-height : 1.1;
display : flex ;
flex-direction : column ; 
justify-content : center ;
align-items : center ;
}

.texte {
font-family: "DINdong mutanx <3" ;
/*background-color : red ; */
font-size : 1.3em ;
width : 33vw ;  
}


.spectre {
font-family: "DINdong mutanx <3" ;
/*background : cover; 
background-repeat : no-repeat ;
background-image : url('spectre-genre.svg');
background-position : center center ;*/  
border: blue 2px dashed; 
width : 100% ;
height : 100vh ;  
text-align : center ;
padding :  1vh ; 
display: flex ;
justify-content : center ;
align-items : center ;
flex-direction : column; 
}

.spectre_image {
font-family: "DINdong mutanx <3" ;
background : cover; 
background-repeat : no-repeat ;
background-image : url('spectre-genre-4.svg');
background-position : center center ;   
width : 50vw ;
height : 90vh ;  
text-align : center ;
padding :  0 ; 
display : grid ; 
 grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

#case{
visibility : visible;

}

.un{
cursor : url('glyph_cursor/glyph_1.svg'), pointer ; 
}

.try {
font-family: "DINdong mutanx <3" ;
border: pink 2px dashed; 
width : 100vw ;
height : 80vh ;  
text-align : center ;
padding :  1vh ;
display : flex;
justify-content : center ;
align-items : center ;
flex-direction : column; 
}

.input2 {
font-family: "DINdong mutanx <3" ;
font-size : 17vw;
border: none; 
width : 80vw ;
height : 40vh ; 
text-align : center ;
overflow: visible;
font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual;
line-height: 4;
    white-space : pre;

 /* -webkit-font-feature-settings: "rlig" 1;
  -moz-font-feature-settings:    "rlig" 1;
  -ms-font-feature-settings:     "rlig" 1;
  font-feature-settings:         "rlig" 1;*/
}


input::placeholder {
font-size : 17vw;
  opacity: 0.5;
  line-height: 40vh;
}

input.input2:focus {
    outline-width: 0;
    outline : none ; 
}

.modules {
font-family: "DINdong mutanx <3" ;
border: purple 2px dashed; 
width : 100vw ;
height : 100vh ;  
text-align : center ;
padding :  1vh ; 
}

.textes{
font-family: "DINdong mutanx <3" ;
border: purple 2px dashed; 
width : 100vw ;
height : 100vh ;  
text-align : center ;
padding :  1vh ; 
}

.credits {
font-family: "DINdong mutanx <3" ;
background-color : black; 
color : white; 
border: purple 2px dashed; 
width : 100vw ;
height : 25vh ;  
text-align : center ;
padding :  1vh ; 
display : flex ;
flex-direction : column ; 
justify-content : center ;
align-items : center ; 
line-height : 1.05;
}