body {
	font:300 Arial, sans-serif;
	top:0px;
	margin: 0;
  	padding: 0;
	cursor: url('./img/dot1.ico'), auto;
	overflow:hidden;
}



*{
	border:none;
}

a{
text-decoration:none;
}

/* unvisited link */
a:link {
	color: rgb(255, 140, 255);
	mix-blend-mode: difference;
}

/* visited link */
a:visited {
	color: rgb(255, 140, 255);
    mix-blend-mode: difference;}

a:hover{
	color: rgb(255, 140, 255);
    mix-blend-mode: difference;
	font-family: Arial;
	font-style:italic;
}


li {
	list-style-type: none;
}




/*--------------------------------------
	Sidebar
-------------------------------------*/
.toggle {
  position: fixed;
  top: 100px;
  width: 70px;
  left: 10px;
  color:#000;
  mix-blend-mode: difference;
}



.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: -10px;
  left: 60px;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
  font:100 190px Arial, sans-serif;
  color: rgb(255, 140, 255);
  mix-blend-mode: difference;
}


.sidebar .closebtn {
    position: absolute;
    top: 58px;
    right: 260px;
    font-size: 36px;
    margin-left: 50px;
}

.content {
  list-style-type: none;
  padding: 20px;
  margin: 20px;
  margin-bottom: 0px;
  width: 94%;
}

.sup {
  font-size: 100px;
}

.croix {
  position:fixed;
  width:190px;
}


/*--------------------------------------
	3D
-------------------------------------*/
@media screen and (max-width: 1047px) {
	#sidebar {
	font:300 95px Arial, sans-serif;
	}
	#toogle {
	top: 60px;
	width: 40px;
	}
	.content {
	width: 87%;
	}
	#sidebar .closebtn {
	top: 50px;
	right: 160px;
	}
	.sup {
	font-size: 60px;
	}
	.croix {
	width: 100px;
	}
}

@media screen and (max-width: 720px) {
	#sidebar {
	font:300 70px Arial, sans-serif;
	left: 0px;
	}
	.toogle {
	top: 60px;
	width: 40px;
	}
	.content {
	width: 90%;
	}
	#sidebar .closebtn {
	top: 46px;
	right: 100px;
	}
	.sup {
	font-size: 40px;
	}
	.croix {
	width: 80px;
	}
}

@media screen and (max-width: 500px) {
	#sidebar {
	font:300 35px Arial, sans-serif;
	left: 0px;
	}
	.toogle {
	top: 60px;
	width: 40px;
	}
	.content {
	width: 87%;
	}
	#sidebar .closebtn {
	top: 42px;
	right: 50px;
	}
	.sup {
	font-size: 20px;
	}
	.croix {
	width: 40px;
	}
}