body {color:#f0ECDE;  background-color:#0b1e21;background-image:url(/media/bg2.png); font-size: 20px;  font-family:"Comic Sans MS", "Comic Sans";  margin-right:15%; margin-left:15%;}

p {font-weight:normal;font-family:"cursive"}
a {color:#C59EE5;}
h1 {letter-spacing:10px;border-bottom: 1px solid #f0ECDE}
h2 {}
ul {}
code{background-color:#4f3c52;}

.center {text-align:center;}

.whitebox {margin-right:15%;margin-left:15%;border-style: groove; border-width:20px; border-left-width:20px;  border-right-width:20px; border-color:#F0ECDE;padding:20px;padding-top:0px;padding-bottom:0px;  color:#755d78;}


navigation {margin:5%;
  margin-bottom:1em;
  margin-top:1em;
  margin-left:20%;
  margin-right:20%;
  background-color:#ad996e;
  padding:8px;
  border: outset 8px #baab8b;
  }

.row{display: flex;
  }

.element{
  text-transform: uppercase;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border:outset 8px #baab8b;
  color:white
  }
.element:hover{
  background-color:#d1c4a9;
  border-color:#e2d4b5;
  cursor:pointer;
  }

.a:link{color:white}
.a:visited{color:white}











@media only screen and (max-width: 668px) {
body {margin-right:5%; margin-left:5%;}
blockquote {margin-right:0%; margin-left:0%;}
.hide_mobile {display:none}
.enlarge_mobile {margin-right:5%; margin-left:0%; width:100%}

  }

@media only screen and (min-width: 669px) {
.hide_pc {display:none}
  }

@media only screen and (max-width: 950px) {
  .enlarge {
    width: 100%;
    height:auto;
  }
}


/* 
#F0ECDE =blanc creme
#C59EE5 = magenta pastel 
#4f3c52 = background mais plus clair


text-decoration: underline
text-decoration: overline
text-decoration: line-through
text-decoration: none ex: suppr ligne sous hyperlink

font-style: italic

font-weight: bold

text-transform: capitalize turns the first letter of every word into uppercase.
text-transform: uppercase turns everything into uppercase.
text-transform: lowercase turns everything into lowercase.
text-transform: none 

px (such as font-size: 12px) is the unit for pixels.
em (such as font-size: 2em) is the unit for the calculated size of a font. So “2em”, for example, is two times the current font size.
pt (such as font-size: 12pt) is the unit for points, for measurements typically in printed media.
% (such as width: 80%) is the unit for… wait for it… percentages.

letter-spacing
word-spacing
line-height
text-align property will align the text inside an element to left, right, center, or justify.

 margin-top, margin-right, margin-bottom, margin-left, 
 padding-top, padding-right, padding-bottom padding-left,

 border-style: solid, dotted, dashed, double, groove, ridge, inset and outset.




*/