body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 999;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
    
  @keyframes flicker {
  0% {
  opacity: 0.27861;
  }
  5% {
  opacity: 0.34769;
  }
  10% {
  opacity: 0.23604;
  }
  15% {
  opacity: 0.90626;
  }
  20% {
  opacity: 0.18128;
  }
  25% {
  opacity: 0.83891;
  }
  30% {
  opacity: 0.65583;
  }
  35% {
  opacity: 0.67807;
  }
  40% {
  opacity: 0.26559;
  }
  45% {
  opacity: 0.84693;
  }
  50% {
  opacity: 0.96019;
  }
  55% {
  opacity: 0.08594;
  }
  60% {
  opacity: 0.20313;
  }
  65% {
  opacity: 0.71988;
  }
  70% {
  opacity: 0.53455;
  }
  75% {
  opacity: 0.37288;
  }
  80% {
  opacity: 0.71428;
  }
  85% {
  opacity: 0.70419;
  }
  90% {
  opacity: 0.7003;
  }
  95% {
  opacity: 0.36108;
  }
  100% {
  opacity: 0.24387;
  }
}

body::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(28, 28, 26, 0.1);
  opacity: 0;
  z-index: 999;
  pointer-events: none;
  animation: flicker 0.1s infinite;
}    
      
       

@font-face {
            font-family: "boopee";
            src: url("shrines/Boopee.ttf");
            }
      
      @font-face {
            font-family: "chululu";
            src: url("cthulhumbus.ttf");
            }
        
        h1{
            font-size: 35px;
            margin: 0px;
        }
        
		

		.mainwrapper {
			position: relative;
			margin: auto;
			margin-top: 70px;
			margin-bottom: 35px;
			width: 700px;
		}


		.paper {
            background-image: url(darks/Nueva%20carpeta/tumblr_e8b8852861248141ba8fe84e5cb09f62_2d18f029_2048.png);
            background-size:cover;
			z-index: 5;
			position: relative;
			display: flex;
			box-sizing: border-box;
			height: 600px;
		}

		.left {
			width: 700px;
			overflow: hidden;
            margin: auto;
		}

		.left-in {
			padding: 5px 10px 25px 25px;
			height: 100%;
            overflow: auto;
            word-wrap: break-word;
			font-family: "boopee";
			color: black;
            scrollbar-width: none;
		}

.flexstamps{
    position: absolute;
    bottom: 45px;
    display:flex;
    height: 65px;
    width: 600px;
    transform: rotate(-1deg);
    
}

        
          &::-webkit-scrollbar {
    display: none;
 
  -ms-overflow-style: none; 
}
    

		.tab1-p {
			font-size: 19.5px;
			background: url(darks/Nueva%20carpeta/paper9e.png);
            background-size: contain;
            display: inline-block;
            background-repeat: no-repeat;
  background-position: center;
            width: auto;
            height: 465px;
            padding: 30px 90px 80px 0px;
		}
        
        .tab2-p {
			font-size: 20px;
			background: url(darks/Nueva%20carpeta/paper5.png);
            background-size: contain;
            display: inline-block;
            background-repeat: no-repeat;
  background-position: center;
            height: 525px;
            padding: 50px 65px 60px 40px;
            top: -7px;
            padding-bottom: 125px;
             
		}
        
        .tab3-p {
			font-size: 20.5px;
			background: url(darks/Nueva%20carpeta/paper4.png);
            background-size:contain;
            display: inline-block;
            background-repeat: no-repeat;
            height: 480px;
            padding: 20px 10px 50px 10px;
		}
        
        .tab4-p {
			font-size: 23px;
			background: url(darks/Nueva%20carpeta/paper2.png);
            background-size:contain;
            background-repeat: no-repeat;
            background-position: center;
            height: 490px;
            padding: 55px 85px 110px 80px;
            text-align:justify;
		}
        
        .tab5-p {
			font-size: 19px;
			background: url(darks/Nueva%20carpeta/paper1.png);
            background-size:contain;
            display: inline-block;
            background-repeat: no-repeat;
            height: 480px;
            padding: 75px 100px 110px 100px;
		}

        .tab5-p li {
        margin-bottom: 10px; 
            }
        

		.tab {
			width: 670px;
			height: 55px;
			position: absolute;
			transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			top: -6px;
			left: 380px;
		}

		

		.tab button {
			z-index: 1;
			position: relative;
			vertical-align: top;
			width: 100px;
            height: 80px;
			margin: 0px 8px;
			padding: 10px 5px 30px 5px;
			font-family: "boopee";
            font-size: 23px!important;
			border: none;
			font-size: 20px;
			transition-duration: 0.5s;
			top: 5px;
			border-radius: 8px 8px 0 0;
			border: 1px solid #756239;
            background: #d6be8d;
		}

		
		.tab button:hover{
			top: -5px;
		}

		.tab button.active{
			top: -5px;
			box-shadow: 1px 1px 20px 1px teal;
		}

		.tabcontent {
			display: none;
		}

          #myImg {
  transition: 0.3s;
}

#myImg:hover {
  opacity: 0.7;
  border-radius: 10px;
}
    
   #imgModal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0,0,0,0.85);

    justify-content: center;
    align-items: center;
}

#modalImg,
#modalVideo {
    max-width: 100vw;
    max-height: 90vh;
}

#modalVideo {
    display: none;
}

#closeModal {
    position: absolute;
    top: 20px;
    right: 35px;
    color: white;
    font-size: 40px;
    cursor: pointer;
}
        
        .gallery-img:hover{
           filter: drop-shadow(0px 0px 16px white);
            transform: rotate(5deg);
        }