Issues:
1/* dont show changing pics */
2#pic {display:none}
3
4.body { padding-left:0; clear:left}
5
6/* this makes a space for the menu*/
7#toplogo{ display:none}
8/* Dont set width of menu and it firs its content position:relative; top:1px; z-index:100; */
9.menu { position:relative; top:1px; z-index:100; font-family:"Comic Sans MS", cursive; background-color:#006633; float:left;border-radius: 25px; margin-right:10px} /* the menu box */
10/* */
11.munchkin{ color:white; text-decoration:none; position:relative; top:-10px; }
12
13.menu li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; }
14
15 /* make the second level visible when hover on first level list OR link */
16.menu ul li:focus ul, .menu ul a:focus ul, .menu ul li:hover ul, .menu ul a:hover ul{ display:block; }
17
18.menu li a { border-bottom: none; color:white;}
19
20.menu li a:hover, .menu li a:focus { color: #1c1c1c; background:#33FF66; border-radius: 25px; }
21/* inset the 2nd level lists */
22.menu ul ul { display:none; padding-left:20px; }
23#header { display:none }
24
25
26#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block; }
27
28 /* first level */
29
30#nav > ul { display: none; }
31#nav:target > ul { display: block; }
32
33/* remove all the bullets, borders and padding from the default list styling */
34
35.menu ul {padding:0;margin:0;list-style-type:none;}
36
37#nav > a { display: none; } /* all nav execpt berger normally hidden */
38
39
40#nav a { font-size:large; padding: 5px 5px; text-decoration:none;}
41
42
43/* from my small screen */
44
45#content > div:first-of-type img:first-of-type { max-width:125px;}
46
47#square{display:none}
48
49.right{margin:1px; border-radius: 5%; float:right; max-width:50% }
50.left{margin:1px; border-radius: 5%; float:left; max-width:50% }
51