/*/ / / CONTAINER FOR THE WHOLE PAGE / / /*/

body {
     font-family: "chicken";
     letter-spacing: 1.5px;
  background-color: #402410;
  color: #082D0F;
  margin: 0;
  padding: 0;
  line-height: 1.6;
 
  background: url(images/stars.png) 20% 10% repeat, url(images/stars.png) 20% 10% repeat,url(images/leaf.jpg);
 
  background-repeat: repeat-y, repeat-y, repeat;
  background-size: 5em, 5em, auto;
  background-position: left, right;

}


/*/ / / 
 
  

colors to use
082D0F dark green
63A46C light green
d6be51 yellow
402410 brown
faa6e1 pink
 / / /*/

/*
transform pictures through photoshop
}*/

@font-face {
  font-family: chicken;
  src: url(font/Chickens\ Lovers.ttf);
}

@font-face {
  font-family: walter;
  src: url(font/Winter\ is\ coming.otf);
}
@font-face {
  font-family: wizard;
  src: url(font/Wizards\ Magic.ttf);
}
h1 {
    font-family: wizard;
  font-size: 2.6rem;
  font-weight: 600;
  border-bottom: 3px solid #63A46C;
  padding-bottom: 0.3em;

}

h2 { 
    font-family: walter;
  font-size: 2rem;
  font-weight: bolder;
  margin-top: .01em;
  color: #faa6e1; 
}

h3 {  
  font-size: 2rem;
  font-weight: bolder;
  color: #faa6e1;
  letter-spacing: 0.2em;
}

p {
  font-size: 1.2rem;
  margin-bottom: .5em;

}

/* LARGE TEXT AT TOP */

.topblock {
  background: linear-gradient(135deg, #082D0F, #63A46C );
  color: #faa6e1;
  background-image: url(images/fairyy.png), url(images/Texturelabs_Wood_169L.jpg);
  text-align: center;
  padding: 3em 1em;
  
  background-position: left top, repeat;
  background-repeat: no-repeat, repeat;
  background-size: 172px, auto;
}

.intro {
  font-size: 1.3rem;
  max-width: 800px;
  margin: 1em auto;
  font-weight: 400;
}

.caption{
  font-size: 0.9rem;
  color: #faa6e1;
  text-align: center;
}

.section {
    
 background: url(images/Screenshot-2025-10-20-at-1.21.20\ PM.png),linear-gradient(150deg,#63A46C, #d6be51); 
  border-radius: 15px 60px;
  padding: 1em;
  margin: 2em auto;
  max-width: 900px;
  box-shadow: 0px 0px 80px -5px #d6be51;
  border: 8px #d6be51 dotted;  
   background-position: right top;
  background-repeat: no-repeat;
  background-size: 110px, 1500px;
}

/*/ / / TOP NAVIGATION AREA / / /*/
header {
  background-color: #d6be51;
  padding: 1em 0;
  font-weight: 400;
  background-image: url(images/pexels-namakuki-751374.jpg);
  background-position: center;
  background-size: cover;
 }

nav {
  display: flex;
  justify-content: center;
  gap: 1.5em;
}

nav a {
  color: #faa6e1;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s, border-bottom 0.3s;
  border-bottom: 2px solid transparent;
}

nav a:hover {
  color: #faa6e1;
  border-bottom: 2px solid #faa6e1;
  letter-spacing: .2em;
}

/*/ / / PAGE SECTIONS / / /*/

header,
nav,
main,
footer {
  padding-left: 1em;
  padding-right: 1em;
}

main {
    
  padding: 2em 0;
    /*This adds styles to just the main content area. */
}

footer {
  background: linear-gradient(180deg,#63A46C, #faa6e1 );
  color: #d6be51;
  text-align: center;
  padding: 1.5em 0;
  font-size: 0.9rem;
    /*Specific styles for just the footer. */
}

/* / / / REGULAR PAGE LINKS / / / */

/*Sets default links style*/
a:link { 
  color: #402410;
  text-decoration: none;
  font-weight: bold;
}

/*Sets default link mouseover style*/
a:hover {
  text-decoration: underline;
  color: #d6be51;
}

/*Sets default link down-click style*/
a:active { 
  color: #082D0F;
}

/*Sets default visited link style*/
a:visited { 
  color: #082D0F
}


/*/ / / TABLE STYLES / / /*/

table { 
    /* border: 1px blueviolet solid;
    margin-bottom: 1em; */

  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
   box-shadow: 0 0px 0px 0px #faa6e1;
  border-radius: 10px;
  overflow: hidden;
  
  
}

caption {
  font-weight: bold;
  padding: 0.5em;
  color: #333;
}

th {
  background-color: #faa6e1;
  color: #082D0F;
  padding: 12px;
  text-align: left;
}

tr {
  background: linear-gradient(190deg,#63A46C, #faa6e1 );
}

td {
    /* border: 1px red solid;
     */
  vertical-align: top;
  padding: 7px 10px;
  border-bottom: 2px dashed #082D0F;
}

hr { 
  color: #082D0F;
  border: 2px dashed;
  border-bottom: 2px;

}

div:nth-of-type(2) {
  
}

.section:nth-of-type(3) {
 background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;

}
.section:nth-of-type(5) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}


.section:nth-of-type(7) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}

.section:nth-of-type(9) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}

.section:nth-of-type(11) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}
.section:nth-of-type(13) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}

.section:nth-of-type(15) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
    background-size: 120px, 1500px; }

.section:nth-of-type(17) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}

.section:nth-of-type(19) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}

.section:nth-of-type(21) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}


.section:nth-of-type(23) {
background-image: url(images/butterfly.png), url(images/pexels-namakuki-751374.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  background-size: 120px, 1500px;
}
/*/ / / 
colors to use
082D0F dark green
36693E green 
63A46C light green
402410 brown
faa6e1 orange 
faa6e1
 / / /*/