body{
	background-image: url('assets/room_wallpaper.jpg');
	 background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 40px;
    width: 100%;
    height: 100%;
    position: fixed;
}

.goback{
    
    color:#ecddc9;
    font-family: Courier New;
    font-size:0.9em;
    z-index: 3;
}

.goback a:link{
    text-decoration: none;
    color:#ecddc9;
}
.goback a:visited{
    text-decoration: none;
    color:#ecddc9;
} 

.row {
  display: flex;
}

summary {
    color:#103431e8;
}

.column {
  flex: 20%;
}

.column-2 {
  flex: 10%;
}

hr.solid {
  border-top: 3px solid #bbb;
}

.bookmark {
        width:15vw;
        height: 82vh;
    background-color: #103431e8;
    border-radius: 15px;
    transform: translateX(22vh) rotate(-5deg);
    
}


.memo-pad {
        width:16.5vw;
        height: 35vh;
    background-image: url(assets/paper.jpg);
     border-radius: 10px;
    transform: rotate(-5deg)
        translateY(-30vh)
        translateX(18vh);
    z-index: 3;
    filter: hue-rotate(379deg)
            saturate(200%)
            brightness(0.9)
                drop-shadow(-2px 2px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968)
                drop-shadow(-3px 3px #598968);
    
}

.main-paper-textbox {
    flex:32%;
       justify-content: center; 
        align-items: center;
        text-align: center;
    background-image:url('assets/paper.jpg');
        width:45vw;
        height: 100vh; 
    border-radius: 10px;
}

.main-body-text {
        font-family: Courier New;
        font-size:1.1em;
        color:#327573;
        font-weight: 550;
    text-align: justify; 
    padding-left:3.5vw; 
    padding-right:3.5vw;

}

.notepad-text{
    font-family: Courier New;
    font-size:1 em;
    color:#3a5e54;
    font-weight: 550;
    text-align: left;
    padding:10px;
    padding-left: 20px;
}

.notepadh1{
    font-size:1.3 em !important;
    text-align: center !important;
}

.bookmark-text{
    padding-top: 50px;
    font-family: Courier New;
    font-size:1 em;
    color:#e5ead9;
    text-align: center;
    font-weight: 550;
}

.bookmark-text2{
    font-size: 0.8em ! important;
    color:#e5ead9;
    text-align: center;
    font-weight: 500;
}

.header-text {
        font-family: 'Special Elite', sans-serif;
        font-size:2em;
        color:#327573;
     text-align: center;
}

.main-textbox-div{
    overflow:auto;
    height:60vh;
}

::-webkit-scrollbar {
    display:none;
}

hr {
    width:90%;
    border-color:#9cc9c5e8;
    margin:auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* unvisited link */
a:link {
  color: #324575;
}

/* visited link */
a:visited {
  color: #327573;
}

/*PHOTO PILE CODE 
 *  -------------------------------------------------
 * */

.photopile { 
  display: flex; 
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.photopile figure { 
  display: inline-block;
  max-width: 40%;
  background: #e5ead9;
  box-shadow: 1px 4px 5px #103431e8;
  transform: rotate(2deg);
  margin: 0 -25px;
}
.photopile figure img {
  max-width: calc(100% - 2rem);
  margin: 1rem 1rem 0 1rem;
  border: 2px rgb(0,0,0,0.55) inset;
}
.photopile figcaption {
  text-align: center;
  margin: 0.5rem 1rem 1rem 1rem;
  font-size: 1rem;
  color: #103431e8;
}
.photopile figure:hover { 
  z-index: 3;
}
.photopile figure:nth-child(2n) { 
  transform: rotate(-10deg);
}
.photopile figure:nth-child(3n) {
  transform: rotate(5deg);
}
.photopile figure:nth-child(4n) { 
  transform: rotate(4deg);
}
.photopile figure:nth-child(5n) { 
  transform: rotate(-2deg);
}
.photopile figure:nth-child(6n) {
  transform: rotate(-7deg);
}