@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;text-decoration:none;font-family:'Poppins',sans-serif}body{background:#FAF9F6}section{position:relative;font-family:'Poppins',sans-serif;color:#483C32}.header{position:absolute;top:2vh;left:5vw;z-index:100;display:flex;mix-blend-mode:difference}.header .logo{color:#a78b75;text-decoration:none;font-size:1.2em}.header .logo:hover{transform:scale(1.2);transition:ease-in-out 250ms}.flex-container{position:absolute;top:10vh;height:90vh;width:100vw;display:-webkit-flex;display:flex;overflow:hidden}.flex-title{color:#FAF9F6;position:relative;font-size:6vh;margin:auto;text-align:center;transform:rotate(90deg);top:15%;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.flex-about{opacity:0;color:#FAF9F6;position:relative;width:70%;font-size:3vh;padding:5%;top:15%;border:2px solid #FAF9F6;border-radius:10px;line-height:1.3;margin:auto;text-align:left;transform:rotate(0deg);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.flex-slide{-webkit-flex:1;-ms-flex:1;flex:1;cursor:default;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}.flex-slide:hover{-webkit-flex-grow:3;flex-grow:3}.home{height:90vh;background:linear-gradient(#00000080,#00000080),url(images/homefav.jpg);background-size:cover;background-position:center center;@media screen and (min-width:768px){animation:aboutFlexSlide $defaultSeconds 1;animation-delay:0s}}@keyframes aboutFlexSlide{0%{-webkit-flex-grow:1;flex-grow:1}50%{-webkit-flex-grow:3;flex-grow:3}100%{-webkit-flex-grow:1;flex-grow:1}}@keyframes homeFlextitle{0%{transform:rotate(-90deg);top:15%}50%{transform:rotate(0deg);top:15%}100%{transform:rotate(-90deg);top:15%}}.flex-title-home{@media screen and (min-width:768px){transform:rotate(-90deg);top:15%;animation:aboutFlexSlide $defaultSeconds 1;animation-delay:0s}}.flex-about-home{opacity:0;@media screen and (min-width:768px){animation:aboutFlexSlide $defaultSeconds 1;animation-delay:0s}}@keyframes flexAboutHome{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.fav1{background:linear-gradient(#00000080,#00000080),url(images/rakugo.jpg);background-size:cover;background-position:center center}.fav2{background:linear-gradient(#00000080,#00000080),url(images/violetevergarden.jpg);background-size:cover;background-position:center center}.fav3{background:linear-gradient(#00000080,#00000080),url(images/hunterxhunter.jpg);background-size:cover;background-position:center center}.fav4{background:linear-gradient(#00000080,#00000080),url(images/clannad.jpg);background-size:cover;background-position:center center}.fav5{background:linear-gradient(#00000080,#00000080),url(images/monster.jpg);background-size:cover;background-position:center center}.nextPage{z-index:100;position:absolute;top:0;right:0;width:35vw;height:10vh;mix-blend-mode:difference;cursor:default}.arrow{height:50px;width:30px;position:absolute;right:5vw;top:2vh;cursor:pointer;transform:rotate(270deg)}.arrow:before,.arrow:after{content:'';position:absolute;top:20%;left:50%;border:3px solid #a78b75;height:20px;width:20px;transform:translate(-50%,-70%) rotate(45deg);border-top:transparent;border-left:transparent;animation:point 1s ease-in-out infinite}.arrow:after{top:20%;animation-delay:.3s}@keyframes point{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0;top:90%}}.contactButton{position:absolute;top:4.5vh;right:5vw;z-index:10;cursor:pointer;mix-blend-mode:difference}.contactLine{width:50px;height:5px;background-color:#a78b75;border-radius:1vh;display:block;margin:8px auto;transition:all .3s ease-in-out}.contactButton.is-active .contactLine:nth-child(2){opacity:0}.contactButton.is-active .contactLine:nth-child(1){transform:translateY(13px) rotate(45deg)}.contactButton.is-active .contactLine:nth-child(3){transform:translateY(-13px) rotate(-45deg)}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:7vh;right:19vw;opacity:0;transform:translate(20vw) scale(0)}.contact.is-active{opacity:1;transform:translate(0) scale(1);transition:.5s ease-in-out}.contact ul{margin:0;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact ul li{list-style:none;margin:0 15px}.contact ul li a{position:relative;display:block;width:60px;height:60px;text-align:center;background:#AEC6CF;border-radius:50%;font-size:30px;color:#666;transition:.5s}.contact ul li a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#FAF9F6;transition:.5s;transform:scale(.9);z-index:-1}.contact ul li a:hover::before{transform:scale(1.1);box-shadow:0 0 15px #FAF9F6}.contact ul li a:hover{color:#FAF9F6;box-shadow:0 0 5px #FAF9F6;text-shadow:0 0 5px #FAF9F6}.contact ul li a img{filter:invert(1);max-width:30px}.bgGradient{background-image:linear-gradient(#FFFDD0,#AEC6CF);width:100%;height:120%;top:0;left:0;position:absolute}.sideTitle{position:absolute;margin-top:20vh;margin-left:5vw;height:100vh;width:20vw;color:#222}.sideBg{position:absolute;background:#aec6cfa4;border-radius:1vh;width:100%;height:100%;z-index:0;filter:blur(2px)}.recTitle{position:relative;margin-top:3vh;margin-block:2vh;text-align:center;font-size:2em;z-index:2}.directions{position:relative;overflow-wrap:break-word;margin-left:2vw;margin-right:2vw;font-size:1em;z-index:2}.recContent{position:absolute;margin-left:30vw;margin-top:20vh;display:flex;flex-wrap:wrap}.genre{position:relative;min-width:15vw;height:15vw;margin-right:15px;margin-bottom:15px;cursor:pointer}.imgCover:hover{box-shadow:0 0 10px #fff;border-radius:1vw;transform:scale(1.07);transition:.25s linear}.imgCover{position:relative;height:100%;background-position:center center}.description{position:absolute;display:flex;justify-content:center;align-items:center;background:#22222270;color:#fff;font-size:1.2em;bottom:0;width:auto;height:auto;margin:2vw;padding-left:5px;padding-right:5px}.descriptionRec{position:absolute;display:flex;justify-content:center;align-items:center;background:#22222270;color:#fff;font-size:1.2em;top:0;width:auto;height:auto;margin:2vw;padding-left:5px;padding-right:5px}.backdrop{position:fixed;top:0;left:0;z-index:2;height:100%;width:100%;background:#00000011;display:none}.sidebar{height:100%;width:0;position:fixed;top:0;right:0;background-color:#aec6cff5;overflow-x:hidden;transition:.5s;padding-top:60px;z-index:99}.sidebar .closebtn{position:absolute;top:0;left:25px;font-size:36px;cursor:pointer}.sidebarTitle{position:absolute;top:5vh;right:3vw;font-weight:600;color:#222}.shounenRec,.shoujoRec,.comedyRec,.dramaRec,.episodicRec,.romanceRec,.thrillerRec,.fantasyRec,.scifiRec,.mysteryRec,.sportsRec,.healingRec{display:none;position:relative;height:20vh;background:#222;margin:2vw}.shounen .imgCover{background:url('images/shounen.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.shounen1{background:url('images/vinlandsaga.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.shounen2{background:url('images/jujutsukaisen.jpg');background-size:cover;background-repeat:no-repeat}.shounen3{background:url('images/hunterxhunter2.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.shounen4{background:url('images/fmab.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.shounen5{background:url('images/dgrayman.jpg');background-size:cover;background-repeat:no-repeat}.shounen6{background:url('images/myhero.jpg');background-size:cover;background-repeat:no-repeat}.shounen7{background:url('images/jojo.jpg');background-size:cover;background-repeat:no-repeat}.shoujo .imgCover{background:url('images/shoujo.jpg');background-size:cover;background-repeat:no-repeat}.shoujo1{background:url('images/fruitsbasket.jpg');background-size:cover;background-repeat:no-repeat}.shoujo2{background:url('images/yona.jpg');background-size:cover;background-repeat:no-repeat}.comedy .imgCover{background:url('images/comedy.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.comedy1{background:url('images/gintama.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.comedy2{background:url('images/asobi.png');background-size:cover;background-repeat:no-repeat}.comedy3{background:url('images/loveiswar.jpg');background-size:cover;background-repeat:no-repeat}.comedy4{background:url('images/danshi.jpg');background-size:cover;background-repeat:no-repeat}.drama .imgCover{background:url('images/drama.jpg');background-size:cover;background-repeat:no-repeat}.drama1{background:url('images/rakugo2.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.drama2{background:url('images/clannad2.jpg');background-size:cover;background-repeat:no-repeat}.drama3{background:url('images/haibanerenmei.jpg');background-size:cover;background-repeat:no-repeat}.drama4{background:url('images/heike.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.episodic .imgCover{background:url('images/episodic.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.episodic1{background:url('images/violetevergarden2.png');background-size:cover;background-repeat:no-repeat}.episodic2{background:url('images/kinosjourney.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.episodic3{background:url('images/mushishi.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.episodic4{background:url('images/mononoke.jpg');background-size:cover;background-repeat:no-repeat}.romance .imgCover{background:url('images/romance.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.romance1{background:url('images/tsurezurechildren.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.romance2{background:url('images/scumswish.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.romance3{background:url('images/snafu.png');background-size:cover;background-repeat:no-repeat}.thriller .imgCover{background:url('images/thriller.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.thriller1{background:url('images/monster2.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.thriller2{background:url('images/kaiji.png');background-size:cover;background-repeat:no-repeat}.thriller3{background:url('images/deathnote.jpg');background-size:cover;background-repeat:no-repeat}.thriller4{background:url('images/steinsgate.png');background-size:cover;background-repeat:no-repeat}.thriller5{background:url('images/promisedneverland.png');background-size:cover;background-repeat:no-repeat}.thriller6{background:url('images/attackontitan.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.fantasy .imgCover{background:url('images/fantasy.jpg');background-size:cover;background-repeat:no-repeat}.fantasy1{background:url('images/madeinabyss.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.fantasy2{background:url('images/joblessreincarnation.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.fantasy3{background:url('images/rezero.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.scifi .imgCover{background:url('images/scifi.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.scifi1{background:url('images/86.jpg');background-size:cover;background-repeat:no-repeat}.scifi2{background:url('images/lain.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.scifi3{background:url('images/cyberpunk.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.scifi4{background:url('images/timeofeve.jpg');background-size:cover;background-repeat:no-repeat}.scifi5{background:url('images/trigun.jpg');background-size:cover;background-repeat:no-repeat}.mystery .imgCover{background:url('images/mystery.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.mystery1{background:url('images/shinsekai.jpg');background-size:cover;background-repeat:no-repeat;background-position:bottom}.mystery2{background:url('images/baccano.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.mystery3{background:url('images/oddtaxi.jpg');background-size:cover;background-repeat:no-repeat;background-position:bottom}.mystery4{background:url('images/erased.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.sports .imgCover{background:url('images/sports.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.sports1{background:url('images/megalobox.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}.sports2{background:url('images/pingpong.png');background-size:cover;background-repeat:no-repeat;background-position:center}.healing .imgCover{background:url('images/healing.png');background-size:cover;background-repeat:no-repeat}.healing1{background:url('images/nonnonbiyori.png');background-size:cover;background-repeat:no-repeat;background-position:center}.healing2{background:url('images/marchcomesin.jpg');background-size:cover;background-repeat:no-repeat}@media screen and (max-width:1279px){.contact{top:7vh;right:27vw}.recTitle{margin-block:1vh;font-size:1.6em}.directions{font-size:.9em}}@media screen and (max-width:768px){.flex-container{flex-direction:column}.flex-title-home{font-size:4vh}.flex-about-home{margin-top:.5vh;color:#ccc}.flex-title{transform:rotate(0deg)!important}.flex-about{padding:0;border:0 solid #f1f1f1;opacity:1}.flex-slide{overflow:hidden}.flex-slide p{font-size:2vh}.flex-slide ul li{font-size:3vh}.arrow{right:7vw}.contact{top:25vh;right:10vw}.contact ul{flex-direction:column}.contact ul li a{margin-top:10px}.bgGradient{height:250%}.sideTitle{position:relative;margin-top:15vh;margin-left:15vw;height:auto;width:70vw}.recTitle{margin-block:0;font-size:1.2em}.directions{font-size:.8em}.recContent{position:relative;margin-left:15vw;margin-top:5vh}.genre{min-width:70vw;height:15vh}.description{font-size:.8em}.descriptionRec{font-size:.8em}.sidebar .closebtn{left:10px}.sidebarTitle{font-size:.8em}.shounenRec,.shoujoRec,.comedyRec,.dramaRec,.episodicRec,.romanceRec,.thrillerRec,.fantasyRec,.scifiRec,.mysteryRec,.sportsRec,.healingRec{min-width:30vw}.shounen5,.shounen6,.shoujo .imgCover,.shoujo1,.shoujo2,.comedy2,.comedy3,.drama2,.drama3,.romance3,.thriller2,.thriller3,.thriller4,.thriller5,.scifi4,.scifi5,.healing2{background-position:center}}