.memos {
  position: relative;
  margin: .5rem 3rem .5rem 1rem;
  padding-right: 2rem;
}
@media (max-width: 600px) {
.memos {
  margin: .5rem .8rem .5rem .8rem;
	}
}
.memo {
  position: relative;
  margin: 1.1rem 0;
	background: 
    linear-gradient(135deg,var(--background-primary),
    	var(--background-primary) 60.07%,
    	var(--background-secondary) 92.05%,
      var(--background-secondary));
  padding: 1.4rem;
  border-radius: .3rem;
  word-wrap: break-word;
}
.memo::before {
  content: "Slidly | 工具论";
  color: #dfdfdf;
  font-size: .9rem;
  font-weight: bold;
  padding-left: .8rem;
  padding-top: .3rem;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.3rem;
  background-color: #587391;
}
.memo:hover {
  box-shadow: 0px 2px 10px #dddddd;
}
.memo .content {
  padding-top: 1.38rem;
  line-height: 1.8;
  min-height: 1.1rem;
  margin: 0;
}
.memo .content span {
	opacity: .6;
}