/*
CSS Reset
http://meyerweb.com/eric/tools/css/reset/
*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* particleground demo */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;

}


#particles {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position:relative;
  top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bced7a+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bced7a+25,ffffff+100 */
background: rgb(188,237,122); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(188,237,122,1) 25%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(188,237,122,1) 25%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(188,237,122,1) 25%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bced7a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

#intro {
/*  position: absolute;
  left: 0;
  top: 50%;*/
  padding: 0 20px;
  width: 100%;
  text-align: center;
}
#intro h1{font-family: 'Nanum Square',sans-serif;; font-weight:400;font-size:3em;padding:15px;color:#fff;text-shadow:0 0 2px #000}
#intro h3{font-family: 'Tangerine', cursive;font-weight:200 !important;font-size:2em;color:#ffc3b2;}



@media only screen and (max-width: 568px) {
  #intro {
    padding: 0 10px;
  }

}