/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 11, 2018 */



@font-face {
    font-family: 'canted_comicregular';
    src: url('cantedcomic_regular-webfont.woff2') format('woff2'),
         url('cantedcomic_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'durum_kebabffp';
    src: url('durum_kebab_ffp-webfont.woff2') format('woff2'),
         url('durum_kebab_ffp-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ultimapdacultralight';
    src: url('ultimapdac-ultralight-webfont.woff2') format('woff2'),
         url('ultimapdac-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'riffic_free_mediumbold';
    src: url('rifficfree-bold-webfont.woff2') format('woff2'),
         url('rifficfree-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body{
  background-color: #FFE8EB;
  color: #727272;
  font-family: Arial, sans-serif;
  font-size: 14.5px;
  line-height:20px; 
  background-image: url("bow back.png");
  background-repeat: repeat;
  border:5px;
	width:1250px;
	margin:0 auto;
}

h1{
    color: #ff7fa6;
    font-family: 'ultimapdacultralight',arial,sans-serif;
    font-size: 40px;
    height:40px;
    padding-top:20px;
    /*letter-spacing: .5px;*/
    background-color:#fff;
    text-align: center;
}

h2{
  color: #ff7fa6;
}

hr{
    background-color:#f6c7cd;
}

a:link, a:visited {
    background-color: #ffffff;
    color: #ff7fa6;
    padding: 14px 25px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    background-color: #FFE8EB;
}


ul li{
  list-style-type:none;
  margin-left:-38px;
}

#about{
  width: 700px;
  margin:0 auto;
  line-height: 23px;
}

#images{
  text-align: center;
}

#mysection{
  text-align:center;
  margin: 0 auto;
}

#sectionlink1{
  text-align:center;
  padding-bottom: 7.5px;
  word-spacing:10px;
}

#nav{
   word-spacing: 80px;
   text-align: center;
}

#bottom-nav{
   word-spacing: 80px;
   text-align: center;
}

#images{
  text-align:center;
}

#image1{
  padding-top:20px;
  padding-bottom:15px;
  padding-right:10px;
  padding-left:10px;
}

#image2{
  padding-top:15px;
  padding-bottom:15px;
}
  
  #image3{
  padding-top:15px;
  padding-bottom:15px;
}
  #image4{
  padding-top:15px;
  padding-bottom:15px;
}
  #image5{
  padding-top:15px;
  padding-bottom:15px;
}
  #image6{
  padding-top:15px;
  padding-bottom:15px;
}
  #image7{
  padding-top:15px;
  padding-bottom:15px;
}
  #image8{
  padding-top:15px;
  padding-bottom:15px;
}
  #image9{
  padding-top:15px;
  padding-bottom:15px;
}
  #image10{
  padding-top:15px;
  padding-bottom:15px;
}
  #image11{
  padding-top:15px;
  padding-bottom:15px;
}
  #image12{
  padding-top:15px;
  padding-bottom:15px;
}
  #image13{
  padding-top:15px;
  padding-bottom:15px;
}
  #image14{
  padding-top:15px;
  padding-bottom:15px;
}