.menu ul{list-style-type : none; margin : 0; padding : 0; }
		.menu li{padding : 8px; margin-bottom : 7px; background-color : #33b5e5; color : #ffffff; box-shadow : 0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24);}
		.menu li:hover{background-color : #0099cc;}
		.aside{ background-color : #33b5e5; padding : 15px; color : #ffffff; text-align : center; font-size : 14px; box-shadow : 0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24);}
.footer{background-color : brown; color : #ffffff; text-align : center; font-size : 12px; padding : 0px; margin: 0px; }
body { min-height: 100vh; direction: ltr;}
nav{background-color: rgba(236, 67, 111 , 0.9); /*box-shadow: 3px 3px 5px rgba(202, 111, 30,0.2);*/	}
nav ul{ width: 100%; list-style: none; display: flex; justify-content: flex-end; align-items: center;	font-family: 'MyFontName';}
nav li{height: 50px;}
nav a{height: 100%; padding: 0px 30px; text-decoration: none; color: black; display: flex; align-items: center;}
nav a:hover{background-color: aliceblue;}
nav li:first-child{margin-right: auto;}
.sidebar {position: fixed; top: 0; right: 0; height: 100vh; width: 250px; z-index: 999; background-color: rgba(238, 232, 170,0.9); background-filter: blur(10px);
  flex-direction: column; align-items: flex-start; justify-content: flex-start; display: none; direction: rtl;}
.sidebar li {width: 100%}
.sidebar a {width: 100%}
@media (max-width: 800px){.hideOnMobile{ display: none; }}
@media (min-width: 799px){.hideOnPC{ display: none; }}
.itemImage {border-radius: 5px;}
 h1, h2, p{direction: rtl; text-align: justify;font-family: 'MyFontName'; color: green;}
 .ULContent{direction: rtl; text-align: justify;}
 p{font-family: 'MyFontName'; color: black; line-height:1.5;}