body{
	font-family:"consolas",sans-serif;
	background-color: #0c0c0c;
	margin:3px;
	color:#16c60c;
}
img{
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
/*object-fit: contain;*/
}
th, td{
	border: 0.2pc solid #0037da;
	background-color: #330d0d;


}
h1{
	color:white;
	margin-top: 1px;
	margin-bottom:5pc;/*To leave place for the header GIF*/
	font-size: 5pc;
}
h2{
	color:#e95420;
}
h3{
	color:#e95623;
	clear:both;
	text-align:center;
	font-size: 2pc;
	text-decoration: underline;
}
p{
	clear:both;
	font-size:1.3pc;
	line-height:130%;
}
#header{
	background-image:url("me.gif");
	background-repeat: repeat-x;
	background-size: contain;
}
#SwitchLang{
	position: fixed;
	top:1pc;
	right:1pc;
	font-size:0.9pc;
	font-weight: 700;
}

@media only screen and (min-width: 700px){
#contacts{
	background-color: #0c0c0c;
	position:absolute;
	top:0.5pc;
	right:3pc;
	border:4px solid black;
}
#vga{
	display: inline;
}

.coupleContainer > * {
	width:50%;
}
.leftContainer{
	float:left;
}
.rightContainer{
	float:right;
}
.leftContainer > p{
	margin-top:0px;
	margin-bottom: 0px;
}
.rightContainer > p{
	margin-top:0px;
	margin-bottom: 0px;
}

.chartsDesc{
	display:inline;
}
#Studies{
	color:#16c60c;
	background-color: #0c0c0c;
	border:4px solid black;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
#MainTitle{
	background-color: #0c0c0c;
	border:4px solid black;
	width: fit-content;
}

#chartsDescDiv{

	float:left;
	width:27%;
	margin-left:3%;
	clear:both;
}
#chartsGIF{
	float:right;/*Works but ugly*/
	width:67%;

}
#boucleDesc{
	float:right;
	width:30%;
	margin-right:3%;
	margin-left:3%;
}
#boucleGif{

	float:left;
	width:64%;
}
#mouseIMG{
	position: absolute;
	right:0px;
	z-index: -1;
}
#arduinoDesc{
	margin:0px;
	float:left;
	width:30%;
}
#gameImg{
	width:70%;

}
#arduinoContainer1{
	clear:both;
}
#longAppDesc{
	float:left;
	width:30%;
	margin-left:5%;
}
#appGif{
	height: fit-content;
}
#gng2Div{
	float:right;
	width:64%;
	margin-right:3%;
	margin-left: 3%;
}
#headArrayGif{
	float:left;
	width:27%;
	margin-left:3%;
}
#ScreenSaver{
	width: 100%
}
.shortDesc{
	font-size:1.4pc;
	text-decoration: underline;
}
table{
	margin-left: auto;
	margin-right: auto;
	width: 99.8%;
	border-collapse: collapse;
}

th:hover,td:hover{
	background-color: #c5101c;

}
}/*end of desktop*/
@media only screen and (max-width: 699px){

	#MainTitle{
		text-shadow: 
                -2px -2px 0 #0c0c0c,  
                 2px -2px 0 #0c0c0c,
                -2px  2px 0 #0c0c0c,
                 2px  2px 0 #0c0c0c;
		font-size: 3pc;
	}
	#Studies{
		text-shadow: 
            -2px -2px 0 #0c0c0c,  
             2px -2px 0 #0c0c0c,
            -2px  2px 0 #0c0c0c,
             2px  2px 0 #0c0c0c;
	}
	th, td{
	border: 0.2pc solid #0037da;
	background-color: #330d0d;
	}
	table{
	margin-left: auto;
	margin-right: auto;
	width: 99.8%;
	border-collapse: collapse;
	margin-bottom: 3px;
}
}