/*
FONTS LINKED:
font-family: 'Bricolage Grotesque', sans-serif;
font-family: 'Rubik Maze', cursive;
font-family: 'Rubik Puddles', cursive;
font-family: 'Rubik Spray Paint', cursive;
font-family: 'Zilla Slab Highlight', serif;
*/

/*html,body from they eye animation*/


.micro-5-regular {
  font-family: "Micro 5", serif;
  font-weight: 400;
  font-style: normal;
}

  
html, body {
    padding: 0;
    margin: 0;  
    background-color: #F3DFDE  !important;
     font-family: 'Bricolage Grotesque', sans-serif;
}



h1 {    
font-family: 'Rubik Maze', cursive;
 

}

h2 {
 font-family: "micro 5" ;
 color:   #1e46c9 !important;
 font-size: 3.5em !important;
  line-height: 0.8 !important;
}

h4 {
 font-family: "micro 5" ;
 color:   #1e46c9 !important;
  font-size: 3em !important;
   line-height: 0.5 !important;
}

h5 {
  font-family: "micro 5" ;
  font-size: 1.8em !important;

}

p {
  font-family: 'Bricolage Grotesque', sans-serif;
}


a {
  color: #CFD6DA !important;
  font-family: 'Bricolage Grotesque', sans-serif;
  
}





/*racoon*/
#racoonshake{
    pointer-events:none;
    position:absolute;
}

/* eyes animation https://codepen.io/ksenia-k/pen/YzRrqJE */


.animation-container {
    
    /*pointer-events:none;*/

   z-index:-9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


canvas {
    width: 100%;
    height: 100%;
}



#rainyimage {
  max-width: 870px !important;
  border-style: outset;
  border-width:2px;
  border-color: #E9EBCA;
}

.nav-item{
  background-color:#858A9C;
    color: #F7F7F7;
  border-style: outset;
  text-shadow: 2px 2px #4B4E57;
}

.nav-item:hover {
  background-color: #CF8591 ;
}

#home-button:hover {
   background-color: #CCAF56;
}

#middle-text-section {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
  padding-top:10px;
  margin-top:20px;
  padding-bottom:10px;
  margin-bottom:20px;
  text-decoration-line: underline;
  text-decoration-thickness: 5px;
 

}

#middle-books-section {
 border-top: 1px solid black;

  padding-top:40px;
  margin-top:20px;
  padding-bottom:10px;
  margin-bottom:20px;
}

#big-container {
  border-style:  ridge;
   border-color: #929A8F;
   box-shadow: 10px 10px #3F453C;
   background-color: #DFD3CD;
  max-width: 900px !important;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 15px;    

}

#side-container {
   border-style:  ridge;
   border-color: #929A8F;
   box-shadow: 10px 10px #3F453C;
   background-color: #DFD3CD;
      margin-top: 50px;
  margin-bottom: 50px;
  padding: 15px; 
    max-width: 400px !important;

}

#side-container-left
{
  
      margin-top: 50px;


}

#artprojectimage {
 /* border-style: outset;
  border-width:2px;
  border-color: #7b858f;  */
  
  padding-bottom:4px;
  
}



.imgLink { border: none; background: none; }
.imgLink img
{
  height: 8rem;
}
.imgLink:active img, .imgLink:focus img
{
  height: 30rem;
}