@font-face {font-family:"annshandwriting"; src: url('annshandwriting.ttf');}
@font-face {font-family:"DJB"; src: url('DJB_Yard_Sale_Marker.otf');}

/*mobile-first*/

body {
	margin: auto;
	}

.all {background: rgba(255,255,255,0.8);
		margin-top:0px;
		margin-bottom:0px;
		}

header {display:flex; flex-direction:column; flex:1; text-align:center;color:white; background-color:#f77f0e}

.headnav {display:flex;}
		
h1 {
	font-family:DJB,Verdana;
	font-size:3em;}
	
.catchphrase {font-size: 1.5em}

.moi {display:none}
			
nav{display:none;
	border: 1px black solid;
	padding: 10px;
	flex:1}

h2 {text-align:center;}

.projets {padding:10px}

h3 {text-decoration: underline;
margin-top:30x;
font-size: 2em;
font-family: DJB,annshandwriting,arial}

.visu {opacity:1}

img {max-width:100%; height:auto; opacity:1}

#none{text-align:center; text-decoration:none}



footer{background-color:#f77f0e;text-align:center;color:white; padding:5%}

/*tablettes*/
@media screen and (min-width:960px)
{
	
	nav {display:flex}
	body{width:80%;background-image:url("images/sakuracoree.jpg")}
	}

/*écrans de plus de 1024px, ordinateurs*/
@media screen and (min-width:1280px)
{
	
	.headnav{flex-direction:column; }
	.moi {display:block; text-align:center}
	
	}