body {
     margin: 0;
  height: 100vh;
  background: rgb(220, 220, 220);
    /* background-image: url("../images/winnie_illust.png");.. 더블닷이 나간다는 거임 폴더 얘기 ㅇㅇ */
    display: flex; /* flex를 넣으면 flex direction 넣어줘야함 */
  flex-direction: column; /* row와 column, 컬럼의 친구는 align-item */
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 10px;
  padding-left: 8vw;
  padding-right: 20vw;
  padding-bottom: 10vw;
  
}

p {
    font-size: 12pt;
    line-height: 1.7;
}
.title{
font-size: 17.5pt;
font-weight: 300;
transform: rotate(-5deg);
        text-decoration-line: overline;
    text-decoration-style: dotted;
}

.warning{font-size: 11pt;
}
.warningtext{
  font-size: 10pt;
  }
  
  hr {
  border: none;
  border-top: 1px solid black;
  margin: 20px 0;
}
summary {transform: rotate(-5deg);
        text-decoration-line: overline;
    text-decoration-style: dotted;}
  
.name {
   font-weight: bold;
   
}


.text {
    padding-left: 10vw;
}

.last {
    padding-left: 5vw;
}
.none {
  color: rgb(131, 131, 131);
  font-style: italic;   
}

.none_name{  color: rgb(131, 131, 131);
  font-style: italic;   
  font-weight: bold;
  
  }
  
  .none_last{  color: rgb(131, 131, 131);
  font-style: italic;   
   padding-left: 5vw;
  
  }
  
    .none_text{  color: rgb(131, 131, 131);
  font-style: italic;   
 padding-left: 10vw;
  
  }