body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container-width[data-v-ad2a656c]{width:50em}@media(max-width:825px){.container-width[data-v-ad2a656c]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-ad2a656c{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-ad2a656c{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-ad2a656c{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.outer-container[data-v-ad2a656c]{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;max-width:100%;animation:fade-in-data-v-ad2a656c 1s}.outer-container .large-image[data-v-ad2a656c]{height:100%;width:100%;background-size:cover;opacity:.2;-webkit-filter:grayscale(1) saturate(80%);filter:grayscale(1) saturate(80%)}.outer-container h1[data-v-ad2a656c]{margin:0;position:absolute;font-family:satisfy;font-size:3.5em;opacity:1;text-align:center}@media(min-width:750px){.outer-container h1[data-v-ad2a656c]{font-size:4.5em;transform:scale(2);animation:h1-anim-data-v-ad2a656c 1s,opacity-anim-data-v-ad2a656c 1.3s .5s;animation-fill-mode:forwards}}@keyframes fade-in-data-v-ad2a656c{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes h1-anim-data-v-ad2a656c{to{transform:scale(1)}}@keyframes opacity-anim-data-v-ad2a656c{to{opacity:1}}.container-width[data-v-de1465bd],.content-container[data-v-de1465bd]{width:50em}@media(max-width:825px){.container-width[data-v-de1465bd],.content-container[data-v-de1465bd]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-de1465bd{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-de1465bd{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-de1465bd{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.container[data-v-de1465bd]{display:flex;flex-direction:column;align-items:center;justify-content:center}.book-container[data-v-b646bcfa],.container-width[data-v-b646bcfa]{width:50em}@media(max-width:825px){.book-container[data-v-b646bcfa],.container-width[data-v-b646bcfa]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-b646bcfa{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-b646bcfa{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-b646bcfa{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.margin-container[data-v-b646bcfa]{margin-top:5em}.container[data-v-b646bcfa]{display:flex;flex-direction:column;align-items:center}.book-container[data-v-b646bcfa]{margin-bottom:5em;display:flex;align-items:center}@media(max-width:750px){.book-container[data-v-b646bcfa]{flex-direction:column}}.text-container[data-v-b646bcfa]{padding-left:1em}.text-container .category[data-v-b646bcfa]{margin-bottom:0}.text-container h1[data-v-b646bcfa]{margin-top:0}.container-width[data-v-98957299],.selection-container[data-v-98957299]{width:50em}@media(max-width:825px){.container-width[data-v-98957299],.selection-container[data-v-98957299]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-98957299{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-98957299{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-98957299{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.fade[data-v-98957299]{animation:fade-data-v-98957299 .5s;animation-fill-mode:forwards}.container[data-v-98957299]{display:flex;justify-content:center;align-items:center;height:100vh;margin-top:10em;overflow:hidden}.selection-container[data-v-98957299]{display:flex;justify-content:space-between}@media(max-width:825px){.selection-container[data-v-98957299]{flex-direction:column}}.selection-container .item[data-v-98957299]{position:relative;border-radius:.4em;overflow:hidden;display:flex;justify-content:center;width:15em;height:27em}@media(max-width:825px){.selection-container .item[data-v-98957299]{margin:1em;width:80vw;height:22vh}}.selection-container .item .image-container[data-v-98957299]{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .6s cubic-bezier(.33,1,.68,1)}.selection-container .item .image-container[data-v-98957299]:hover{transform:scale(1.1);transition:transform .6s}.selection-container .item .image-container img[data-v-98957299]{height:100%;width:100%;object-fit:cover}.selection-container .item .image-container .filter[data-v-98957299]{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.selection-container .item h2.label[data-v-98957299]{position:absolute;pointer-events:none;top:45%;margin:0;font-size:3em;font-family:satisfy}@media(max-width:825px){.selection-container .item h2.label[data-v-98957299]{top:40%}}.selection-container .item h2.selected-header[data-v-98957299]{animation:header-anim-data-v-98957299 .5s;animation-fill-mode:forwards}.que-animation-center[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:.5s 1;animation-fill-mode:forwards}.que-animation-left[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:transToCenter-data-v-98957299 .5s;animation-fill-mode:forwards}@media(max-width:825px){.que-animation-left[data-v-98957299]{animation:transDown-data-v-98957299 .5s;animation-fill-mode:forwards}}.que-animation-right[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:transToCenterOpposite-data-v-98957299 .5s;animation-fill-mode:forwards}@media(max-width:825px){.que-animation-right[data-v-98957299]{animation:transUp-data-v-98957299 .5s;animation-fill-mode:forwards}}.que-animation-center-selected[data-v-98957299]{animation:scale-anim-center-data-v-98957299 .5s .5s;z-index:1;animation-fill-mode:forwards}.que-animation-left-selected[data-v-98957299]{z-index:1;animation:transToCenter-data-v-98957299 .5s,scale-anim-left-data-v-98957299 .5s .5s;animation-fill-mode:forwards}@media(max-width:825px){.que-animation-left-selected[data-v-98957299]{animation:transToCenterY-data-v-98957299 .5s,scale-anim-top-data-v-98957299 .5s .5s;animation-fill-mode:forwards}}.que-animation-right-selected[data-v-98957299]{z-index:1;animation:transToCenterOpposite-data-v-98957299 .5s,scale-anim-right-data-v-98957299 .5s .5s;animation-fill-mode:forwards}@media(max-width:825px){.que-animation-right-selected[data-v-98957299]{animation:transToCenterOppositeY-data-v-98957299 .5s,scale-anim-bottom-data-v-98957299 .5s .5s;animation-fill-mode:forwards}}.safari-center[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:.5s 1;animation-fill-mode:forwards}.safari-left[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:transToCenter-data-v-98957299 .5s;animation-fill-mode:forwards}@media(max-width:825px){.safari-left[data-v-98957299]{animation:transDown-data-v-98957299 .5s;animation-fill-mode:forwards}}.safari-right[data-v-98957299]{opacity:0;transition:opacity 1ms .5s;animation:transToCenterOpposite-data-v-98957299 .5s;animation-fill-mode:forwards}@media(max-width:825px){.safari-right[data-v-98957299]{animation:transUp-data-v-98957299 .5s;animation-fill-mode:forwards}}.safari-center-selected[data-v-98957299]{z-index:1;animation:opacityAnim-data-v-98957299 .5s .5s;animation-fill-mode:forwards}.safari-left-selected[data-v-98957299]{z-index:1;animation:transToCenter-data-v-98957299 .5s,opacityAnim-data-v-98957299 .5s .5s;animation-fill-mode:forwards}@media(max-width:825px){.safari-left-selected[data-v-98957299]{animation:transToCenterY-data-v-98957299 .5s,opacityAnim-data-v-98957299 1s .5s;animation-fill-mode:forwards}}.safari-right-selected[data-v-98957299]{z-index:1;animation:transToCenterOpposite-data-v-98957299 .5s,opacityAnim-data-v-98957299 .5s .5s;animation-fill-mode:forwards}@media(max-width:825px){.safari-right-selected[data-v-98957299]{animation:transToCenterOppositeY-data-v-98957299 .5s,opacityAnim-data-v-98957299 1s .5s;animation-fill-mode:forwards}}@keyframes opacityAnim-data-v-98957299{to{opacity:0}}@keyframes scale-anim-center-data-v-98957299{to{transform:scale(5);opacity:0}}@keyframes scale-anim-left-data-v-98957299{to{transform:scale(5) translateX(60px);opacity:0}}@keyframes scale-anim-right-data-v-98957299{to{transform:scale(5) translateX(-60px);opacity:0}}@keyframes scale-anim-top-data-v-98957299{to{transform:scale(5) translateY(5vh);opacity:0}}@keyframes scale-anim-bottom-data-v-98957299{to{transform:scale(5) translateY(-5vh);opacity:0}}@keyframes transToCenter-data-v-98957299{0%{transform:translateX(0)}to{transform:translateX(280px)}}@keyframes transToCenterOpposite-data-v-98957299{0%{transform:translateX(0)}to{transform:translateX(-280px)}}@keyframes transToCenterY-data-v-98957299{0%{transform:translateY(0)}to{transform:translateY(calc(22vh + 2em))}}@keyframes transToCenterOppositeY-data-v-98957299{0%{transform:translateY(0)}to{transform:translateY(calc(-22vh - 2em))}}@keyframes transUp-data-v-98957299{0%{transform:translateY(0)}to{transform:translateY(calc(-22vh - 2em))}}@keyframes transDown-data-v-98957299{0%{transform:translateY(0)}to{transform:translateY(calc(22vh + 2em))}}@keyframes header-anim-data-v-98957299{to{opacity:0}}.container-width[data-v-c9b36470]{width:50em}@media(max-width:825px){.container-width[data-v-c9b36470]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-c9b36470{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-c9b36470{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-c9b36470{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.container[data-v-c9b36470]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}@media(min-width:750px){.container[data-v-c9b36470]{margin-bottom:10vh}}img.center-img[data-v-c9b36470]{z-index:1;position:absolute;left:25%;object-position:-70px 0;width:20em;height:30em;object-fit:cover;opacity:0;animation:fadeInAndUp-data-v-c9b36470 .8s ease-in-out 1.5s;animation-fill-mode:forwards;border-radius:.4em;-webkit-filter:grayscale(.2) saturate(30%);filter:grayscale(.2) saturate(30%)}@media(max-width:750px){img.center-img[data-v-c9b36470]{left:auto;right:auto}}.side-image-container[data-v-c9b36470]{position:absolute;z-index:-1}img.side-img[data-v-c9b36470]{width:10em;height:10em;object-fit:cover;border-radius:.4em;-webkit-filter:grayscale(.2) saturate(30%);filter:grayscale(.2) saturate(30%)}@media(max-width:750px){img.side-img[data-v-c9b36470]{visibility:hidden;opacity:0}}.block-of-text[data-v-c9b36470]{position:absolute;display:flex;flex-direction:column;height:80vh;align-items:center;justify-content:center;z-index:1;left:calc(25% + 22em)}@media(max-width:750px){.block-of-text[data-v-c9b36470]{justify-content:space-around;left:auto;right:auto}}.block-of-text h1[data-v-c9b36470]{font-family:satisfy;font-size:4em;text-align:center;margin-left:-4.65em;width:90%;margin-bottom:.1em;animation:fadeInAndUpSkewed-data-v-c9b36470 .8s ease-in-out .66666666s;opacity:0;animation-fill-mode:forwards}@media(max-width:750px){.block-of-text h1[data-v-c9b36470]{margin-top:-20px;margin-left:0;text-align:center}}.block-of-text p.about[data-v-c9b36470]{color:#fee7d7;font-family:Tajawal-Regular;font-size:1.2em;width:20em;opacity:0;animation:fadeInAndUp-data-v-c9b36470 .8s ease-in-out 2s;animation-fill-mode:forwards}@media(max-width:750px){.block-of-text p.about[data-v-c9b36470]{visibility:hidden}}.action[data-v-c9b36470]{align-self:flex-start;color:#008ec4;transition:color .2s;cursor:pointer;opacity:0;animation:fadeInAndUp-data-v-c9b36470 .8s ease-in-out 4.5s;animation-fill-mode:forwards}.action[data-v-c9b36470]:hover{color:#00c7df;transition:color .2s}.action .icon[data-v-c9b36470]{margin-left:.3em}@media(max-width:750px){.action[data-v-c9b36470]{visibility:hidden}}.container-width[data-v-a59a142a]{width:50em}@media(max-width:825px){.container-width[data-v-a59a142a]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-a59a142a{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-a59a142a{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-a59a142a{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.container[data-v-a59a142a]{background:#191614}img[data-v-ccb13517]{height:5em;width:6em;position:fixed;z-index:2;top:10px;left:10px}.que-fade-anim[data-v-ccb13517]{opacity:0;transition:opacity .3s}.que-fadein-anim[data-v-ccb13517]{animation:fade-data-v-ccb13517 .3s;animation-direction:reverse}@keyframes fade-data-v-ccb13517{0%{opacity:1}to{opacity:0}}.fade-out[data-v-8daedfa5]{opacity:0;transition:opacity .5s}.container-width[data-v-307a3955],.container .inner-container[data-v-307a3955]{width:50em}@media(max-width:825px){.container-width[data-v-307a3955],.container .inner-container[data-v-307a3955]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-307a3955{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-307a3955{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-307a3955{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.menu-icon[data-v-307a3955]{z-index:1;cursor:pointer;visibility:hidden}@media(max-width:750px){.menu-icon[data-v-307a3955]{visibility:visible;position:absolute;right:10px;top:10px;color:#fff}}img[data-v-307a3955]{height:2em;width:3em}@media(max-width:750px){img[data-v-307a3955]{margin-top:15px;margin-left:10px;z-index:2}}.container[data-v-307a3955]{height:3em;width:100vw;display:flex;align-items:center;justify-content:center;position:fixed;z-index:2;top:0;transform:translateY(-3em);animation:trans-in-data-v-307a3955 1s 1s;background-color:rgba(21,21,21,.8);animation-fill-mode:forwards}@media(max-width:750px){.container[data-v-307a3955]{background-color:rgba(21,21,21,0);height:auto;flex-direction:column;align-items:flex-start}}.container .inner-container[data-v-307a3955]{display:flex;justify-content:flex-end}@media(max-width:750px){.container .inner-container[data-v-307a3955]{background-color:rgba(21,21,21,.8);padding-top:2em;flex-direction:column;width:100%;margin:-3em 0 0;transition:transform 1s}}@media(max-width:750px){.container .hide-inner-container[data-v-307a3955]{transform:translateY(-21em);transition:transform 1s}}.container .nav-item[data-v-307a3955]{margin:0 0 0 2em;text-decoration:none;align-self:flex-start;color:#b5b5b5;font-weight:500;font-family:satisfy;font-size:1.3em;cursor:pointer;transition:transform .3s;display:flex;align-items:center;justify-content:center}@media(max-width:750px){.container .nav-item[data-v-307a3955]{height:3em;text-align:center;margin:0;width:100%}}.container .nav-item[data-v-307a3955]:hover{transform:scale(1.1);transition:transform .3s}.selected[data-v-307a3955]{transform:scale(1.1);cursor:default!important;color:#fff!important;transition:color .9s}.isHidden[data-v-307a3955]{visibility:hidden}.hide[data-v-307a3955]{transform:translateY(0);transition:transform 1s;animation:trans-out-data-v-307a3955 1s}@keyframes trans-out-data-v-307a3955{to{transform:translateY(-3em)}}@keyframes trans-in-data-v-307a3955{to{transform:translateY(0)}}.container-width[data-v-fc0d8e5e]{width:50em}@media(max-width:825px){.container-width[data-v-fc0d8e5e]{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade-data-v-fc0d8e5e{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp-data-v-fc0d8e5e{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed-data-v-fc0d8e5e{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}.container[data-v-fc0d8e5e]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.timeline-content[data-v-fc0d8e5e]{padding-top:2em;display:flex;flex-direction:column}.container-width{width:50em}@media(max-width:825px){.container-width{margin-left:auto;margin-right:auto;width:90%}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fadeInAndUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes fadeInAndUpSkewed{0%{opacity:0;transform:translateY(20px) skew(-4deg,-4deg)}to{opacity:1;transform:translateY(0) skew(-4deg,-4deg)}}@font-face{font-family:satisfy;src:url(/static/media/Satisfy-Regular.32a67135.ttf)}@font-face{font-family:Tajawal-Regular;src:url(/static/media/Tajawal-Regular.2a157b78.ttf)}h1,h2{color:#fef3ec}p{font-family:Tajawal-Regular;color:#fee7d7}button{border:none;outline-style:none;background-color:orange;border-radius:.2em;font-size:1em;padding:.2em 1em}button,button:hover{transition:background-color .1s}button:hover{background:pink}button:active{background:orange}body{padding:0;margin:0;background-color:#191614}
/*# sourceMappingURL=main.8ee027cc.chunk.css.map */