body{background-color:rgb(30, 30, 30); color:rgb(240, 240, 240); font-family: 'Trebuchet MS', Arial, sans-serif; text-align: center;}
#preso p{max-width: 600px; margin: 1rem auto;}
.red{color: brown;}
a{color:rgb(240, 240, 240); text-decoration:none;}
a:hover{background-color: brown; color:rgb(240, 240, 240); text-decoration:underline;}
h1{margin:0px; padding:16px; font-size:6rem;}
h2{margin:0px; padding:8px; font-size:3rem;}
header,footer{padding:8px; font-size:1.6rem;}
header{border-bottom: 1px solid white;}
footer{border-top: 1px solid white;}
p{margin:0px; padding:8px; font-size:1.3rem;}
img{width:90%;}
#projets img{max-height: 300px; object-fit: contain;}
#logiciels>div{font-size:1.6rem;}
#logiciels img{height: 150px; width: 150px; object-fit: contain;}
.desktop{display:none;}
.workcat{max-width: 360px;display: flex; justify-content: space-between; margin: auto; padding-top: 8px; padding-bottom: 8px;}
#contact img{height:50px; width:50px;}
#contact{font-size:1.3rem; padding-bottom: 50px;}
@media (min-width:1024px) {
	nav{display: flex; flex-wrap:wrap; flex-direction:column; width: min-content; margin:auto; font-size:4rem;}
	.lownav{display: flex; justify-content: space-between;}
	main>div{width:60%; margin: auto;}
	.flexligne{display: flex; justify-content: space-between; padding-top: 8px; padding-bottom: 8px;}
	.flexligne p{align-self: end;}
	#presostart{align-self: start; text-align: left;}
	#presoend{align-self: end; text-align: right;}
	h1{margin:0px; padding:0px; font-size:12rem;}
	h2{margin:0px; padding:8px; font-size:2.6rem;}
	header,footer{padding:8px; font-size:1.2rem;}
	p{margin:0px; padding:8px; font-size:1.6rem;}
	#preso{display:flex; flex-wrap:wrap; flex-direction:column; align-items: center;}
	#preso p{margin: 1rem;}
	#projets{display: flex; justify-content: space-evenly; flex-wrap:wrap; flex-direction:row;}
	#projets>div{width: 360px; padding: 8px; box-sizing: border-box;
		display: flex; justify-content: space-between; flex-direction:column;}
	
	
	#logiciels{display: flex; justify-content: space-evenly; flex-wrap:wrap; flex-direction:row; width:60%; margin: auto;}
	#logiciels>div{height: 200px; font-size:1.6rem; padding-inline: 10px 10px;}
	.overflowhidden{height:200px; overflow-y:hidden;}
	.desktop{display:inline;}
	.mobile{display:none;}
	#contact img{width:50px;}
	#contact{font-size:1.6rem; text-align: left; padding-bottom: 50px;}
}