@media all{
html {
	font-family: Calibri;
	text-align: justify;
}


body {
	font-size: 18px;
	padding: 1%;
	background-color: rgba(230,240,255,1);
}

nav {
	color: gainsboro;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	padding: 5px;
	padding-left: 10px;
}

.gallery{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

img {
	width: 47%;
	margin: 1.5%;
}


.diary_entry {
	
	width: 28%;
	padding: 2%;
	padding-top: 0.25%;
	padding-left: 1%;
	margin: 1%;
	background-color: rgba(255,255,255,1);
	font-size: 17px;
}

.nested{
	margin-left: 2%;
}

nav a:link {
  color: #9ED0FA;
}

nav a:visited {
  color: #9ED0FA;
}
}

@media screen and (max-width: 450px){
	
	img {
	width: 97%;
	margin: 1.5%;
}

.diary_entry {
	
	width: 97%;
	margin: 1.5%;
	font-size: 17px;
	padding-left: 2%;
	padding-right: 6%;
	padding-top: 0%;
	/*padding-top: 0.25%;
	padding-left: 1%;
	margin: 1.5%;
	background-color: rgba(255,255,255,1);
	*/
}

ul {
    padding-inline-start: 10%;
}
}