body {
  background: #f7f4ef;
  font-family:'Courier New', Courier, monospace;
  color: #444;
}

.layout {
    display: flex;
    align-items: flex-start;
    margin: auto;
}
.layout0{
  align-items: normal;
}
.c {
  margin-left: 100px;
  width: 400px;
  background: #ffffff;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.visits {
    margin-top: 100px;
    padding-left: 10px;
    border: 1px solid #cacaca;
    width: auto;
    height: auto;
}

.hint {
    position: relative;
    cursor: help;
}

.tip {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px 6px;
  font-size: 12px;
  white-space: nowrap;
}

.hint:hover .tip {
  display: block;
}

a {
  color: #0e0e0e;
  text-decoration: none;
}

a:hover {
  color:#444;
  text-decoration: underline;
}

hr {
  border: none;
  border-top: 1px solid #0e0e0e;
  margin: 20px 0;
}

.log {
  margin-top: 10px;
  height: 160px;
  width: auto;
  border: 1px solid #cacaca;
  padding: 22px;
  padding-right: 40px;
  overflow-x:auto;
  overflow-y: auto;
  background: #fafafa;
  font-size: 13px;
}

.mada{
  text-decoration:line-through
}