html{height:100%}
body
{
	background-color: black;
	font-family: Calibri;
}

h1
{
	font-size: 1.8em;
	font-weight: bold;
	font-style: normal;
	color: white;
}

h2
{
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	color: white;
}

#languages
{
	margin-top: 60px;
	display: flex;
	justify-content: space-around;
}

nav ul
{
	list-style-type: none; /* ce qui apparait devant chaque option : circle, decimal, ...none=rien */
	display: flex;
}

nav li
{
	margin-right: 75px;
	margin-top: -40px;
}

nav a
{
	font-size: 1.5em;
	font-weight: bold;
	color: #949487;
	padding-bottom: 0px;
	text-decoration: none;	
}

nav a:hover /* ce qui se passe quand on passe sur les éléments a du menu*/
{
	color: #fff9f0;
	border-bottom: 2px solid #760000;
}

$font-stack: 'Source Sans Pro', sans-serif;
$transition: 500ms;
$window-width: 400px;
$window-height: 250px;
$button-color: black;

#age-verify
{
  position: fixed;
  background-color: red;
  transition: $transition;
}

.window
{
	/*position: float;*/
    margin-left: auto;
    margin-right: auto;
		margin-top: 100px;
	 	max-width: 500px;
 		min-width: 500px;
    /*left: 0%;
    /*width: $window-width;
    height: $window-height;*/
    overflow: hidden;
    padding: 40px;
    /*margin-left: $window-width/2;
    margin-top: $window-height/2;*/
    background-color: #fff0f9;
    border:6px solid $button-color;
    box-sizing: border-box;
    box-shadow: 10px 10px 30px white;
    transition: 1s;
}

span
{
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-family: $font-stack;
	&.title
	{
    color: black;
    font-size: 25px;
	}
}

button
{
	border: 0;
	margin: 0;
	padding: 0;
	width:48%;
	height:60px;
	color:#52524d;
	font-size: 20px;
	background-color: $button-color;
	margin-top:20px;
	font-family: $font-stack;
	transform:scale(1);
	transition: .2s;
	&.yes
  {
		float:left;
	}
    
	&.no
	{
		float:right;
	}

	&:hover
	{
		transform:scale(1.1);
		box-shadow: 0 10px 20px darkgrey;
		background-color: lighten($button-color,10%);
		color: black;
	}
}