body{
  position: relative;
}
/* #header{
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #0e0e0e;
} */
.xlcd{
  position: absolute;
  top: 0px; left: 0;
  height: 0px;
  width: 100%;
  background-color: #0e0e0e;
  overflow: hidden;
  z-index: 999;
  transition: .4s;
  scroll-behavior: smooth;
  overflow-y: auto;
  overflow-x: hidden;
}
.navbar{
  padding: 100px 0;
}
.navbar > ul{
  margin-top: 50px;
}
body{background:#0e0e0e;}
.navbar > ul li{
  text-align: center;
  margin: 10px 0;
}
.navbar > ul li a{
  color: #3F3F3F;
  font-size: 2.2rem;
  font-weight: bold;
}
.ppxl{
  margin: 20px 0;
  display: none;
}
.ppxl ul li{
  line-height: 22px;
}
.ppxl ul li a{
  color: #323232;
  font-size: 1.5rem;
}
.xl:hover .ppxl{
  display: block;
}
.xlcd > p{
  color: #323232;
  text-align: center;
  font-size: 1rem;
  margin: 0px 60px 0px 60px;
}