미니코딩 안내서Code Notes

<div class="wrap">
  <h1>Wanna Camp?</h1>
  <p>Camping is an outdoor activity involving 
  overnight stays away from home, 
  either without shelter or using basic 
  shelter such as a tent or 
  a recreational vehicle.</p>
  <h2>Do you want to go camping with us?</h2>
  <img src="images/intro.png">
  <h2>What is your story?</h2>
  <ul>
    <li>What do you do for fun?</li>
	<li>What are some of your favorite foods?</li>
	<li>What\'s your favorite time of day?</li>
  </ul>
</div>





				

/* Web Fonts */
	Web Fonts 부분은 영상을 참고하여 직접 작성해 보세요!
	웹폰트 적용하는 방법에 익숙해집니다.

/* CSS Resets */
	CSS Resets 부분은 영상을 참고하여 직접 작성해 보세요!
	HTML 요소와 친밀해지는 시간입니다.
	
/* Desgin Areas */
body {
   font-family: \'KoHo\', sans-serif;
   color: #503e4b;
   background-image: url(images/background.png);
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: fixed;
}
  
.wrap {
   width: 700px;
   margin: 50px auto;
   border: 10px solid  #f9ffe5;
   padding: 50px;
   background-color: rgba(249 255 233 / 80%);
}
  
 h1 {
   font-style: italic;
   text-align: center;
   font-size: 5rem;
 }
  
 p {
   font-size: 20px;
   margin: 30px 0;
 }
  
 img {
   margin: 10px 0 50px;
 }
  
 h2 {
   color: #2b2128;
 }
  
 ul {
   margin: 10px 0 0 15px;
 }