@font-face{
  font-family: LucidaGrande;
  src: url(fonts/LucidaGrande.ttf);
}

@font-face{
  font-family: LucidaGrande;
  src: url(fonts/LucidaGrandeBold.ttf);
  font-weight: bold;
}

html{
  cursor: url("cur/normal.png"), auto;
}

body {
  margin:0;
  padding:0;
  background-color: white;
  color: black;
  font-family: Verdana;
  background-image: url("wp/wallpaper.png");
  background-repeat:no-repeat;
  background-size:cover;
}

p{
  font-family: LucidaGrande;
}

p.menubar{
  border:0;
  display:inline-block;
  font-family: LucidaGrande;
  overflow:hidden;
  margin:0;
  padding:0px 10px;
  font-size:90%;
}

img{
  height:100px;
}

img.menubar{
  padding:0 10px;
  margin:0;
  transform:translate(0,-1px);
}

div{
  background-color: white;
}

div.menubar{
  padding:0 10px;
  overflow:hidden;
  height:20px;
  border-top:1px solid #f8f8f8;
  border-bottom:1px solid #5f5f5f;
  background-image: linear-gradient(#efefef, #cccccc);
}

div.desktop{
  width:100%;
  height:100%;
}

div.dock{
  background-image: url("svg/reflection.svg");
  background-position: -200px -55px;
  background-repeat:repeat-x;
  background-size:100%;
  background-blend-mode:darken;
  position:fixed;
  left:50%;
  bottom:0;
  transform:translate(-50%,0);
  padding:0;
  height:50px;
  background-color: rgba(120,120,120,0.9);
  width:35%;
  clip-path: polygon(25px 0, calc(100% - 25px) 0, 100% 100%, 0 100%);
}