/* Customisation du thème par défaut de SimpleCSS pour sebsauvage.net */

:root {
  color-scheme: dark;
  --bg: #212121;
  --accent-bg: #2b2b2b;
  --text: #dcdcdc;
  --text-light: #ababab;
  --accent: #57FF00;  /* Le vert vif de l'oeil. */
  --accent-hover: #ffe099;
  --accent-text: var(--bg);
  --code: #f06292;
  --preformatted: #ccc;
  --disabled: #111;
  --sans-font: "Droid Sans","Noto Sans","Ascender Uni","Linotype Aroma","FF Kievit","Source Sans","Open Sans","Museo Sans","Myriad","Camphor","Corbel","Frutiger","Vectora","Calibri","Ubuntu","Roboto",sans-serif;
}

a { /* Petit effet de glow sur les liens. */
  weight: bold; 
  text-shadow: rgba(87,255,0,0.4) 0px 0px 10px,
               rgba(87,255,0,0.5) 0px 0px 7px;
}
a:hover {
  text-shadow: rgba(87,255,0,1) 0px 0px 16px,
               rgba(87,255,0,1) 0px 0px 10px,
               rgba(87,255,0,1) 0px 0px 7px;
}
h1 {
	font-size: 2.9rem;
}

pre { /* pre pour garder l'effet "terminal", mais en autorisation le retour à la ligne quand même. */
    white-space: pre-wrap;
}

.oeilflottant {
    float:right; 
    margin-top:0.9em; 
    margin-right:0.3em;
    filter: drop-shadow(15px 15px 10px #000);
}
.oeilmilieu {
    display:none;
}

/* Sur les petits écrans: */
@media only screen and (orientation:portrait) and (max-width: 1200px) { 
/* On réduit les marges. */
body {
    display:block;
    margin-left:10px;
    margin-right:10px;
}
/* On déplace le logo */
.oeilflottant {
    display: none;
}
.oeilmilieu {
    display: block;
    margin: .2em auto;
    width: 40%;
    filter: drop-shadow(15px 15px 10px #000);
}
}