body {
   margin:0px;
   font-size:12px;
   font-family:helvetica, arial, sans-serif;
   background-color:#f16529;
   background-size:cover;
   background-image:url('images/bg.svg');
   background-repeat:no-repeat;
   /* CSS3 vertical centering with the flexible box model*/
   display:-webkit-box;
   -webkit-box-pack:center;
   -webkit-box-orient:vertical;
}
h1 {
   font-size:20px;
   text-align:center;
   margin-bottom:20px;
}
a {
   text-decoration:none;
   color:hsl(240,100%,40%);
   font-weight:bold;
   padding:8px;
   border:dotted 1px gray;
}
div#wrapper {
   width:900px;
   height:550px;
   margin:0 auto;
   margin-top:10px;
   margin-bottom:20px;
   padding:40px;
   background-color:#fff;
   -webkit-border-radius: 20px; 
   border-radius:20px; 
   -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}
input#command {
   width:600px;
   font-family:consolas, courier new, courier, serif;
   font-style:italic;
   padding:8px;
   margin:0 auto;
   display:block;

}
div#links {
   text-align:center;
   margin-top:15px;
}

img#html-logo {
   margin:0 auto;
   display:block;
   margin-top:60px;
}

img#right-nav-arrow {
   float:right;
   position:relative;
   top:160px;
   left:20px;
}

img#left-nav-arrow {
   float:left;
   position:relative;
   top:160px;
   left:-20px;
}

video {
   display:block;
   margin:0 auto;
}

h1#video-header {
   margin-top:50px;
}

div#api-page, div#drag-n-drop-page {
   margin:50px 100px 50px 100px;
}

pre {
   font-size:15px;
}

div#trashcan-container {
   width:150px;
   float:left;
   margin-left:250px;
   overflow:hidden;
}

div#trashcan-container img#trashcan {
   margin-left:8px;
   z-index:-1;
}

div#trashcan-container.over img#trashcan-lid {
   -webkit-transform:rotate(30deg);
}

div#trashcan-container img#trashcan-lid {
   -webkit-transition-property:-webkit-transform;
   -webkit-transition-duration:0.3s;
   -webkit-transition-timing-function:ease;
   -webkit-transition-delay:0s;
   margin-bottom:-30px;
   margin-top:52px;
   z-index:-1;
}

ul#elements {
   width:150px;
   list-style:none;
   font-family:consolas, courier new, courier;
   font-weight:bold;
   font-size:18px;
   float:left;
}

ul#elements {
   padding:0;
   margin-left:50px;
}

li[draggable="true"] {
   cursor:move;
}

h3 {
   text-align:center;
}