*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(./font/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(./font/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  
@font-face {
  font-family: 'K2D';
  font-style: normal;
  font-weight: 400;
  src: url(./font/k2d.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

body{min-height:100vh;height:100vh;width:100vw;background:linear-gradient(to bottom,#181d23 0%,#202736 80%);font-family:"K2D",sans-serif;display:flex;justify-content:center;align-items:center}:root{--yello-color:rgba(242, 255, 0, 0.776);--dark-color:#014473;--wt-color:#fafafa}.main{background-color:#202736;width:100%;height:100%;display:flex;flex-direction:column}.letter1{display:inline-block;opacity:0}div{display:inline-block}.page{display:none;justify-content:center;align-items:center}.wellcom{flex:1;background:linear-gradient(to bottom,#181d23 0%,#202736 80%);background-attachment:fixed;background-size:cover;position:relative;min-height:100vh;position:fixed}.wellcom .explore-btn{position:absolute;bottom:20vh}.explor .explore-btn{z-index:4;position:absolute;bottom:3rem;left:calc(50% - 4rem);width:8em;text-align:center;padding:1rem 0;border:solid 2px #fff;background:#fff0;color:#fff;transition:background-color 0.3s;cursor:pointer}.about .explore-btn{z-index:4;top:1rem;left:calc(75% - 4rem);width:8em;text-align:center;padding:1rem 0;border:solid 2px #fff;background:#fff0;color:#fff;transition:background-color 0.3s;cursor:pointer;bottom:inherit}.holder{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#title{flex:1;color:#FFF;text-align:center;font-family:"lato",sans-serif;font-weight:300;font-size:5vh;letter-spacing:10px;width:90%}.moon{flex:1;display:flex;justify-content:center;align-items:center}.moon img{width:47%}.baghdad{flex:1;display:flex;justify-content:center;align-items:end}.baghdad img{width:100%;}#title span{background:-webkit-linear-gradient(white,#38495a);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;text-transform:uppercase}.explor{flex:1}.slider{height:100vh;width:100vw;background:linear-gradient(to bottom,#181d23 0%,#202736 80%);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;transition:background-color 2s}.slider .credits{position:absolute;top:2rem;left:2rem;line-height:1.65;z-index:10;max-width:320px}.slider .item .imgs{position:relative;width:60%;padding-top:60%}.slider .item .imgs .grid{position:absolute;top:-74px;left:-78px;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:32px;grid-row-gap:32px;transform:rotate(-20deg);opacity:.65}.slider .item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slider .item .img{width:100%;height:100%;position:relative;will-change:transform;will-change:opacity}.slider .item .img img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;position:relative;-webkit-filter:contrast(110%) brightness(110%) saturate(130%);filter:contrast(110%) brightness(110%) saturate(130%);border-radius:7px}.slider .item .img img::before{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none;mix-blend-mode:screen;background:rgb(243 106 188 / .3)}.slider .item .img-1{grid-area:2 / 1 / 7 / 6}.slider .item .img-2{grid-area:2 / 6 / 7 / 13}.slider .item .img-3{grid-area:7 / 1 / 12 / 7}.slider .item .img-4{grid-area:7 / 7 / 12 / 11}.slider .item .content{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:1.15;font-size:8rem;font-weight:700}.slider .item .content .wrap{text-align:center;text-shadow:1px 1px 4px rgb(10 9 8 / .2);width:100%;max-width:600px;line-height:1;font-size:6vw}.slider .item .content .wrap .letter{display:inline-block}.slider .nav .next,.slider .nav .prev{height:2rem;width:2rem;position:absolute;top:calc(50% - 1rem);cursor:pointer;z-index:3;transition:transform 0.3s}.slider .nav .next{right:2rem;background-image:url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M 19 8 L 19 11 L 1 11 L 1 13 L 19 13 L 19 16 L 23 12 L 19 8 z' fill='white'/%3E%3C/svg%3E")}.slider .nav .next:hover{transform:translateX(.5rem)}.slider .nav .prev{left:2rem;background-image:url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M 5 8 L 1 12 L 5 16 L 5 13 L 23 13 L 23 11 L 5 11 L 5 8 z' fill='white'/%3E%3C/svg%3E")}.slider .nav .prev:hover{transform:translateX(-.5rem)}.slider .nav .back-btn{z-index:4;position:absolute;bottom:3rem;left:calc(50% - 4rem);width:8em;text-align:center;padding:1rem 0;border:solid 2px #fff;background:#fff0;color:#fff;transition:background-color 0.3s;cursor:pointer}.slider .nav .back-btn:hover{color:#0a0908;background:#fff}.slider .item:not(.is-active){opacity:0;pointer-events:none}.page.active{display:flex}.explore-btn{width:21vh;text-align:center;padding:2vh;border:solid 2px #fff;background:#fff0;color:#141413;transition:background-color 0.3s;cursor:pointer;bottom:46vh;font-family:'lato';color:#9ba329}.explore-btn:hover{color:#0a0908;background:#fff}.slider_conten{width:100%;height:100%;z-index:0}.about{background:linear-gradient(rgb(246 216 100 / 90%) 30%,#aed3e4 80%);flex:1;flex-direction:column;justify-content:space-between;position:fixed;height:100%}.stars{position:absolute;left:0}.man{display:flex;justify-content:center;align-items:baseline;flex:1;position:relative}.sun{flex:1;position:relative;display:flex;justify-content:end}.man>:nth-child(1){width:26%;height:132%}.man>:nth-child(2){width:75%;height:109%}.sun img{width:40%}.text-intro{flex:3;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:center;line-height:23px;max-width:92%}.ml13{text-align:center;font-size:medium;font-family:'Lato'}.social-share-icon{opacity:0}.social-share-icon a.a{z-index:123}.social-share-icon a{text-decoration:none;color:#e0d90e;height:45px;width:45px;border-radius:100px;display:inline-block;background-color:#0f0f0f;line-height:45px;text-align:center;box-shadow:0 2px 4px 0 rgb(0 0 0 / .2)}.social-share-icon a:hover{background-color:#5a4811}.social-share-icon a i{line-height:inherit}.social-share-icon a.a1{transform:translateX(245px);transition:all ease-in-out 200ms;opacity:0}.social-share-icon a.a2{transform:translateX(196px);transition:all ease-in-out 300ms;opacity:0}.social-share-icon a.a3{transform:translateX(147px);transition:all ease-in-out 400ms;opacity:0}.social-share-icon a.a4{transform:translateX(98px);transition:all ease-in-out 500ms;opacity:0}.social-share-icon a.a5{transform:translateX(49px);transition:all ease-in-out 600ms;opacity:0}.menu__toggler{position:absolute;top:20px;left:20px;z-index:999;height:28px;width:28px;outline:none;cursor:pointer;display:flex;align-items:center}.menu__toggler span,.menu__toggler span::before,.menu__toggler span::after{position:absolute;content:"";width:28px;height:2.5px;background:#fafafa;border-radius:20px;transition:500ms cubic-bezier(.77,0,.175,1)}.menu__toggler span::before{top:-8px}.menu__toggler span::after{top:8px}.menu__toggler.active>span{background:#fff0}.menu__toggler.active>span::before,.menu__toggler.active>span::after{background:#005c9c;top:0}.menu__toggler.active>span::before{transform:rotate(-225deg)}.menu__toggler.active>span::after{transform:rotate(225deg)}.menu{position:absolute;left:-30%;z-index:998;color:#014473;background:rgb(250 250 250 / .7);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);width:30%;height:100%;padding:100px;display:flex;flex-direction:column;justify-content:center;transition:300ms left cubic-bezier(.77,0,.175,1)}@media only screen and (max-width:600px){.menu{width:250px;left:-250px;padding:50px}}.menu.active{left:0}.menu p{font-size:1.4rem;margin-bottom:1rem}.menu p:hover{cursor:pointer}