/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* police */
@font-face {
  font-family: 'F5.6';
  src: url('https://humantooth.neocities.org/fonts/F5.6-Regular.woff') format('woff');
}

/* style global */

body {
  background-color: black;
  color: lime;
  font-family: 'F5.6', monospace;
  text-shadow: 0 0 5px lime;
}

/* barre navigation */

.topnav {
  background-color:black;
  text-align:center;
}

.topnav a{
  display:inline-block;
  color:lime;
  padding:14px 18px;
  text-decoration:none;
  border:1px solid lime;
  margin:4px;
}

.topnav a:hover{
  background-color:lime;
  color:black;
}

.topnav a{
float:left;
color:lime;
padding:12px 20px;
text-decoration:none;
border:2px solid lime;
margin-right:10px;
}

/* page active */

.topnav .active {
  background-color: #FF00FB;
}

.container{
  display:flex;
  width:900px;
  margin:80px auto;
}

/* colonne bio */

.sidebar{
  width:250px;
  padding:20px;
  border:1px solid lime;
}

/* contenu principal */

.main{
  flex:1;
  padding:20px;
  border:1px solid lime;
  margin-left:20px;
}