body {
  margin: 0;
  padding: 0;
  background: #C0C8D0;
  font-family: "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", "나눔고딕", "NanumGothic" , "NanumGothicOTF", sans-serif; 
}
#slides {
  text-align: center;
}
h1 {
  font-weight: bold;
  font-size: 100px;
}
h2 {
  font-family: Arial;
  margin-bottom: 0.3em;
}
h3 {
  font-family: Arial;
  margin-top: 0em;
  margin-bottom: 0.2em;
}
img {
  max-height: 50%;
}
p {
  margin-top: 0em;
  margin-bottom: 0.3em;
}
#slides div {
  margin: 40px;
  padding: 0;
  margin-bottom: 10%;
  height: 80%;
  border: 1px solid #888;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.75);
  padding-top: 20px;
  padding-bottom: 60px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(255,255,255)),
        color-stop(0.69, rgb(235,235,235))
    );
  background: -moz-linear-gradient(
        center bottom,
        rgb(255,255,255) 25%,
        rgb(245,245,245) 69%
    );
  font-size: 300%;
  font-family: "Trebuchet MS", "Lucida Grande", "Tahoma","Helvetica","Arial", ">나눔고딕", "NanumGothic" , "NanumGothicOTF", sans-serif;
}
#slides li {
  list-style: none;
}
.editor {
  position: absolute;
  top: 20px;
  right: 40px;
  background-color: rgba(255,255,255,0.2);
  padding: 10px;
}
.editor input {
  border: 0px;
  width: 400px;
  font-size: 20px;
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 4px;
  background-color: rgba(255,255,255,0.6);
}
.editor button {
  margin: 0px;
  margin-top: 10px;
}
canvas:focus {
  outline: none;
}