@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); }
