div#preload { display: none; }

body {
 background-position:top;
 background-attachment:fixed;
 background-repeat:no-repeat;
 background-color:black;
 font-family: Helvetica;
 -webkit-text-size-adjust: none;
 font-weight: bold;
 font-size:20px;
 margin-top:-1px;
}

#header {
 background:url('../img/headerbg.png');
 background-position:center;
 background-size:cover;
 color:white;
 width:100%;
 height:50px;
 text-align:center;
 text-shadow:0px -1px black;
 font-size:40px;
 line-height:50px;
 position:fixed;
 top:0%;
 left:0%;
 z-index:10;
}

#back {
 position:fixed;
 top:0%;
 left:0%;
 z-index:11;
}

a.link {
 color:white;
 font-size:16px;
 text-decoration:none;
 text-shadow:0px -1px 0px black;
}

a.link:hover {
 text-decoration:none;
}

a.link:visited {
 text-decoration:none;
}

.menu1 {
 background:url('img/menu.png') top;
 color:black;
 height:50px;
 width:50px;
 position:fixed;
 top:0%;
 right:0%;
 z-index:11;
}

.menu2 {
 background:url('img/menu.png') bottom;
 z-index:12;
}

.menu1 p {
 background:none;
 width:400%;
 position:absolute;
 top:30px;
 right:0px;
 visibility:hidden;
 opacity:0;
 z-index:12;
 border-bottom: 300px solid transparent;
 border-left: 1500px solid transparent;
}

.menu2 p {
 visibility:visible;
 opacity: 1;
 -khtml-transition: opacity 0.2s;
 -khtml-border-bottom-left-radius:10px;
 transition: opacity 0.2s;
 border-bottom-left-radius:10px;
}

#shadow {
 width:100%;
 position:fixed;
 top:50px;
 left:0px;
 z-index:13;

}

#list {
 background:white;
 position:relative;
 left:0;
 top:58px;
 width:94%;
 padding:0px;
 margin-left:3%;
 margin-right:3%;
 box-shadow:0px 0px 5px #000000;
 -khtml-box-shadow:0px 3px 5px #000000;
 -khtml-border-radius:10px;
 border-radius:10px;
}

#item {
 margin:0;
 padding:0;
 list-style:none;
 -khtml-border-radius:10px;
}

.item.top {
 border-top-left-radius:10px;
 border-top-right-radius:10px;
}

.item.bottom {
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 border-bottom:0px;
}

a.item {
 display:block;
 padding:8px 32px 8px 8px;
 text-decoration:none;
 color:inherit;
 background:url('img/iPhoneArrow.png') no-repeat right center white;
 border-bottom: 1px solid #E0E0E0;
 -khtml-box-shadow:0px 3px 5px #000000;
 box-shadow:0px 3px 5px #000000;
}

.mainpanel {
 display:flex;
 justify-content:center;
 position:absolute;
 top:50px;
}

.mainpanel > div {
 margin:10px;
 padding:5px;
}

.panel {

}

#projects {
 background:none;
 position:absolute;
 top:60px;
 left:0px;
 margin-left:3%;
 margin-right:3%;
 padding:0px;
}

#preview {
 box-shadow:0px 3px 5px #000000; 
 width:32%;
}