@font-face { font-family : "GulimChe"; src : local("GulimChe") format("truetype"); src : url("/font/GulimChe/GulimChe.ttf") format("truetype"), url("/font/GulimChe/GulimChe.eot") format("embedded-opentype"), url("/font/GulimChe/GulimChe.woff") format("woff"), url("/font/GulimChe/GulimChe.woff2") format("woff2"), url("/font/GulimChe/GulimChe.svg#GulimChe") format("svg"); } body { background: black; font-family: GulimChe; } p { font: 500 2.4em GulimChe ; color:#393939; } /*----------BLOC---------*/ .container { width:100vw; height:100vh; box-sizing:border-box; } .portailBloc { width:65%; box-sizing:border-box; margin:10% 0% 0% 16%; display:flex; justify-content:center; } .menu { position: absolute; width:65%; heigth:100%; box-sizing:border-box; top:0; margin : 7% 0% 0% 2%; text-align : left; text-shadow:black 6px 4px 20px ; } .nom { width:90%; box-sizing:border-box; margin-top:12%; } nav ul { margin:2% 0% 0% 0%; } nav li { list-style-type : none; margin:0% ; } /*------ELEMENTS---------*/ a { display:block; color:white; font: 500 3.6em GulimChe ; text-decoration:underline; } a:link { display:block; color: grey; font : 500 3.6em GulimChe ; } a:visited { color: grey; } a:hover { color:white; } #filmo { letter-spacing:2px; } #francis { color:#737373; letter-spacing : 80px; text-decoration:none; margin:8% 0% 0% 80%; } #clement { color:#737373; width:200%; font-size:2.4em; font-style:italic; letter-spacing : 25.4px; text-shadow:black 6px 4px 20px ; text-decoration:none; margin:0% 0% 0% 80%; opacity:0.85; background-color:transparent; } a:hover#francis { color:white; } a:hover#clement { color:white; } a img:hover { transform:scale(1.05); }