/* SITE TITLE v.# - layout name [http://urlhere] */
/* DESKTOP/TABLET/MOBILE VERSION */
/* made by evenstar AT gmail DOT com; licenced under Creative Commons Attribution-ShareAlike 4.0 International: http://creativecommons.org/licenses/by-sa/4.0/ */


/*
      'ello there, curious bun! :D *pinches cheeks*

      don't panic! you're not doing anything wrong! you are very welcome
      to look at, mess around with, and learn from my code (as you should
      be with anyone's, but let's not quibble...), as per the ShareAlike
      Licence it is under!

      !!! PLEASE *DO NOT* COPY IT VERBATIM, THOUGH !!!

      this is *literally* all I ask. if you would like a CSS stylesheet of
      your own made wholly by me, please contact me via evenstar@gmail.com
      and we can discuss a commission! you will be respecting my work and
      helping me keep my bills paid! <3

      please respect this, or don't expect me to respect you or extend
      any kindness towards you.

      don't be a Svenja.
      don't be a Franziska.
      be awesome instead.

      quick caveat: be aware this code may not be perfect, because CSS
      is a constantly changing beast, and I'm always learning myself!
      (check out w3schools.org for tutorials and tips & tricks using the
      most up-to-date CSS!)

      please enjoy perusing my code, and I hope it inspires your own.
      now get out there and make a wonderful webpage! <3
*/

/* THE MAIN STUFF */

html,
body {
   font-size: 16px; /* base font reset */
   padding:0;
   background: #ffffff;
   color: #000;
   margin: 4rem 0 2rem 0;
   background-image: url("bg.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center center;
}

.box {
	margin: 0 auto 2rem auto;
	background: #ffffffd6;
	max-width: 1200px;
	border: 1px dashed #64c9e7;
	color: #000;
	
	}

/* TEXT EMBELLISHMENTS */
h1 {
    font-family: 'Zilla Slab Highlight', cursive;
    font-size: 3rem;
    font-weight: normal;
    letter-spacing: 0px;
    text-indent: 1rem;
    text-shadow: 2px 2px #000;
    color: #0eb0e0;
    transform: rotate(-2deg);
	margin-top: -2.5rem;
	margin-bottom: 0;
}

h2 {
    font-family: 'Sacramento', cursive;
    font-size: 2.3rem;
    font-weight: normal;
    text-align: right;
    margin: 0 1rem 0 0;
    color: #000;
    text-shadow: -8px -8px 4px #c1d7c6;
}

a {
	color: #0eb0e0;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #a484d5;
	text-decoration: none;
	}
	
.resize {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* HEADER */

header {
 }


/* NAVIGATION */

nav {
	text-align: center;
	word-spacing: 1.5rem;
	line-height: 200%;
/* 	border-top: 1px dashed #d9ccff;
	border-bottom: 1px dashed #d9ccff; */
	width: 80%;
	font-family: 'Lunasima', sans-serif;
	font-size: 79%;
	letter-spacing: 2px;
	margin: 0 auto 2rem auto;
	}


/* MAIN TEXT AREA */

main { 
	text-align: justify;
	color: black;
	animation: fadeIn;
	animation-duration: 3s;
	font-family: 'Lunasima', sans-serif;
	line-height: 200%;
	font-size: 85%;
	padding: 0 1rem 1rem 1rem;
	}

.sept {
	max-width: 100%;
	height: auto;
	margin: 2rem 0;
	padding: 0;
	}


/* FOOTER */

footer { 
	text-align: center;
	color: #a9a9a9;
	font-size: 66%;
	font-family: 'Lunasima', sans-serif;
	padding: 1rem;
	}

.cliques {font-size: 85%;
text-align: right;}



/* TABLET SIZING */

@media only screen and (max-width: 799px) {



}

/* MOBILE SIZING */

@media only screen and (max-width: 414px) {


}