html{
  scrollbar-width: none;
}
body {
  font-family: ms gothic;
  scrollbar-width: none;
  margin: 0;
}
a {
  color: black;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
}
p {
  color: black;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
a {
  transition: 0.5s;
}
a:hover {
  letter-spacing: 5px;
}
/*------------------------------Sitemap------------------------------*/
ul li {
  padding: 5px 0 0 10px;
}
li {
  list-style-type: "┊";
}
li:first-child {
  list-style-type: "┍";
}
li:last-child {
  list-style-type: "┕";
}
ul ul li:first-child {
  list-style-type: "┊";
}
ul ul li {
  list-style-type: "┊";
  position: relative;
  left: -20px;
}
ul ul li:last-child {
  list-style-type: "┕";
}
/*------------------------------Resources------------------------------*/
dt{
  padding:5px;
  border-top:dotted 2px black;
  border-bottom:dotted 2px black;
}
dd{
 border-left:dotted 2px black;
  padding:5px;
  padding-left:10px;
  margin-left:15px;
}
dd:last-child{
 border-bottom:dotted 2px black;
}
/*------------------------------Divs------------------------------*/
.cont {
  height: 100%;
  width: 250px;
  display: flex;
}
.main {
  width: 234px;
  background-color: white;
}
.lace {
  background-image: url(xzo2225k.png);
  width: 16px;
}
.header {
  border: dotted 2px #838383;
  color: #838383;
  border-left: none;
  border-right: none;
  display: flex;
  align-items: center;
  font-size: 16px;
  height: 25px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #f1f1f1 50%,
    #e1e1e1 51%,
    #f6f6f6 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}