/* Someday, Together...Shine v.1 - this rose, our destiny [http://wish.nu/shine] */
/* RESPONSIVE VERSION */
/* made by Rin (rin AT 315 DOT network); licenced under Creative Commons Attribution-ShareAlike 4.0 International: http://creativecommons.org/licenses/by-sa/4.0/ */


/*

      hand-coding is learned by viewing already existing code. end of story.
      you are so, so welcome to look at, mess around with, and learn from my code (although
      not copy it verbatim, but honestly, who's going to do that?), with a caveat:
      be aware it may not be perfect, because coding is a consistent learning process for me!

      that's literally it!
      please enjoy perusing my code, and I hope it inspires your own!
      love, Rin

*/

html,
body {
      font-size: 16px; /* base font reset */
      margin: 0;
      padding: 0;
      height: 100%;
      background-image: url(bg.png), linear-gradient(to right, #FFCDC8, #bcbcf2);
      background-repeat: repeat, repeat;
}

a:link,
a:visited,
a:active {text-decoration: none; color: #72b3b5; border-bottom: 1px solid #fff;}
a:hover {text-decoration: none; color: #cf5951; background-color:  rgba(255, 255, 255, 0.3); border-bottom: 0;}

nav {
  padding: 1rem 10% 1rem 10%;
  text-align: center;
  word-spacing: 1rem;
  font-size: 115%;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 1rem;
  font-weight: 600;
}
nav a {
      text-decoration: none;
      cursor: pointer;
      color: #fa4e90;
  text-shadow: 2px 2px 5px #fff;}

nav a:link,
nav a:visited,
nav a:active {color: #fa4e90; background: none; border: 0;}
nav a:hover {color: #834197; background: none; border: 0;}

main {
padding: 0% 5% 5% 5%;
text-align: center;
  }

h1 {text-align: center;
color: #fff;
  text-shadow: 2px 2px 8px #ff5ca6, -2px -2px 8px #7b3f96;
  font-family: 'Allura', cursive;
  font-size: 250%;
  }

.resize {
  max-width: 100%;
  height: auto;
  margin: 0; padding: 0;
}


.content {
  width: 50%;
  padding: 0.5rem 3rem 0.5rem 3rem;
  text-align: justify;
  background-color:  rgba(181, 112, 177, 0.1);
  background-image: url(roseleft.png), url(roseright.png);
  background-position: top left, top right;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 4px 4px 5px #bc89b8, 0px 0px 25px #fff;
  margin: 0 auto 0 auto;
  font-family: 'Crimson Pro', serif;
  line-height: 150%;
}

main em {color: #551b78;
  font-family: 'Kurale', serif;
  font-size: 90%;}
main strong {color: #f65793;
  font-family: 'Quicksand', sans-serif;
  font-size: 90%;}

aside {width: 75%;
margin: 1rem auto 1rem auto;
background: url(asidebg.png) repeat;
  font-family: 'Kurale', serif;
  font-size: 110%;
  color: #fff;}

aside b,
aside strong {color: #4ca0a3;}

aside a:link,
aside a:visited,
aside a:active {color: #c895c6; background: none; border: 0;}
aside a:hover {color: #ba85a5; background: none; border: 0;}

footer {margin: 0 0 2rem 0;
font-size: 75%;
color: #887c79;
text-align: center;
font-family: 'Ubuntu Condensed', sans-serif;
}
footer a:link,
footer a:visited,
footer a:active {color: #551b78; background: none; border: 0;}
footer a:hover {color: #c895c6; background: none; border: 0;}