@font-face {
    /*on met le nom qu'on veut dans font-family ça permet de l'appeler dans le document ultèrieurement*/
    font-family: "AkzidenzRegular";
    /*lien relatif (=on part du dossier ou on est donc le dossier css pour aller à la typo) ../ permet de sortir du dossier css*/
    src: url(../font/AkzidenzGrotesk-Regular.otf);
}

@font-face {

    font-family: "jgs";
    src: url(../font/jgs9.ttf);
}

@font-face {

    font-family: "jgs5";
    src: url(../font/jgs5.ttf);
}

body {

    overflow-x: hidden;

}


.asciiart {

font-family: 'jgs5';    
font-size: 14px;
line-height: 14px; 

color: rgb(52, 64, 170);



}

.apropos1:hover+.colophon1{

    display: block;
}

.apropos2:hover+.colophon2{
    display: block;
}

.apropos3:hover+.colophon3{
    display: block;
}

.musique {
    color: blueviolet;
    display : inline; 
}

.nourriture {

    display : inline; 
    
}

.vert {
    color: greenyellow;
}

.underlined {

    text-decoration: overline underline dotted;
}

.trame {
    cursor: default;
}

 .curseur {
    width: 10vw;
    position:fixed; 
    margin-top: 1px;
}

.musiqueclic {

    text-decoration : underline;
    color: blueviolet;
    cursor: pointer;

}

.nourritureclic {

    text-decoration : underline;
    cursor: pointer;
}

.reset {
    text-decoration : underline;
    cursor: pointer;  
}




@media print {

    @page {

        size : 50cm 200cm; 


    }

    .asciiart {
        font-size : 14px; 
    }


}