/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto+Mono:wght@300&display=swap');

@font-face {

    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Trykker&display=swap');

}*/

    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Trykker&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300&family=Trykker&display=swap');


* {	margin:0;	padding: 0; cursor: url("coeur5.png") 1 1, crosshair !important;}
::selection {  background: #f15cff; color:white;}
::-moz-selection {  background: #f15cff; color:white;}
a { text-decoration: none !important; color: #0000ff !important;}
a:link { text-decoration: none !important} 
a:visited {	color: inherit; }
li a {	color: inherit; }
svg {margin:0; padding: 0;}

body { font-family: 'Hiragino Kaku Gothic Pro' !important; font-weight: 300 !important; background-color: transparent;}

.titre {font-size: 4vmin; color: #0000ff; font-family: 'Playfair Display', serif; font-weight: 400;}
.annee:before {  content: "☀"; padding-right: 2vmin;}
.annee {color: #f15cff; font-size: 3vmin;}
.projets {color: #0000ff; font-size: 3vmin;}
.projets ul {list-style: none; padding-left: none !important;}
.projets ul li::before {content: "\2192 \0020"; }
.projets ul li:hover, .titre a:hover {color:#f15cff; transition: all 0.3s ease;}
.projets p a {color:#f15cff !important; transition: all 0.3s ease;}
.projets p a:hover {color:#0000ff !important; transition: all 0.3s ease;}
.titre a {transition: all 0.3s ease;}
.projets ul li {transition: all 0.3s ease;}
.images img {margin-bottom: 4vmin; box-shadow: 0px 0px 40px 3px #ff88ff;}

/*.cursor, a, a:hover { cursor: url("coeur4.png") 1 1, crosshair !important;}*/


.hover_img a { position:relative; }
.hover_img a span { position:fixed; display:none; z-index:99; top:17vmin; right:0; transition: all 0.3s ease;  width: 50vmin;  box-shadow: 0px 0px 40px 3px #ff88ff; margin: 3vmin;}
.hover_img a:hover span { display:block;overflow: visible;transition: all 0.3s ease;   }
.hover_img a:hover { color:inherit;}


/*!!!!!!!!!!!!  MOBILE  !!!!!!!!!!!!*/

@media (max-width: 991.98px) { 

.titre {font-size: 6vmin;}
.annee, .projets {font-size: 4.5vmin;}
.right {text-align: right;}
.hover_img a span {top:70vmin; }

}

/*!!!!!!!!!!!!  PRINT  !!!!!!!!!!!!*/

 @media print { 
* {color:black !important;}
  }