[newclass=.meiko-contain]--meiko-accent:#4287f5; --meiko-img:url("https://s1.zerochan.net/Inoue.Orihime.600.3887645.jpg");[/newclass]
[nospaces][googlefont=Roboto:400,700|Old+Standard+TT:400,400i,700]
[attr="class","meiko-contain"]
[attr="class","meiko-head"]
[attr="class","meiko-ly-1"]come take a look before
[attr="class","meiko-ly-2"]falling at my feet
[attr="class","meiko-body"]
[attr="class","meiko-text"]
[attr="class","meiko-quote"]
Hisako doodled and gazed out the window, silent. How great. But honestly? Meiko did not mind too much. In an attempt to fill the time after leaving the gate, Meiko took to studying her identification scroll. She already knew its contents, but what if she suddenly forgot? Unlikely to happen, but it filled the time. Once it had been read front to back it was packed away and she took to gazing out the window, looking for things of importance such as watch towers, powerlines, and anything else suggesting the foundation supporting the society and the shinobi village. [break][break]
When they arrived at the first town Hisako asked if she wanted to get out, even though there weren't really any people here. Meiko regarded what little she could see from the wagon. Perhaps it was useless. Perhaps not. She doubted she should leave it unexplored. She looked back at Hisako,
"I will go have a look, I would like to stretch my legs a little, too. You just stay here if you'd like - I will be right back" [break]
[break]
With that she exited the wagon, wearing a soft smile and an otherwise neutral expression. She would take a walk around the town, hoping to find something of note. If she found nothing, she would return to the wagon and jump back in and head on toward their next destination. In her hand, she would have a small box of local snacks, a local map, and a small charm. She would mark the location on her empty map and place it back into her belongings along, keeping the local map for her to study on the journey.
[attr="class","meiko-footer"]
[attr="class","meiko-credit"]
SELKIE[newclass=.meiko-contain] width: 500px; background: #efefef; display: flex; flex-flow: row wrap; [/newclass]
[newclass=.meiko-head] width: 100%; height: 250px; position: relative; background: var(--meiko-img); background-color: var(--meiko-accent); background-blend-mode: luminosity; background-size: cover; border-bottom: 7px solid #222; overflow: hidden; [/newclass]
[newclass=.meiko-head::before] content: ""; position: absolute; left: -1px; top: -1px; clip-path: polygon(100% 0, 0 0, 0 100%); width: 50%; height: 100%; background-color: #000; opacity: 0.2; [/newclass]
[newclass=.meiko-head::after] content: ""; position: absolute; bottom: -1px; right: -1px; height: 125px; width: 125px; background: #fff; clip-path: polygon(100% 0, 0% 100%, 100% 100%); opacity: 0.15; z-index: 0; [/newclass]
[newclass=.meiko-head div] position: absolute; z-index: 1; [/newclass]
[newclass=.meiko-ly-1] height: 0px; color: #fff; text-transform: uppercase; font: 700 10px roboto; bottom: 90px; right: 25px; [/newclass]
[newclass=.meiko-ly-2] height: 50px; font: 700 30px/100% Old Standard TT; color: #000; text-transform: uppercase; bottom: 25px; right: 25px; position: relative; [/newclass]
[newclass=.meiko-ly-2::after] content: ""; position: absolute; width: 10px; height: 15px; background: var(--meiko-accent); bottom: 0px; right: 0px; width: 100%; z-index: -1; [/newclass]
[newclass=.meiko-body] width: 500px; position: relative; background: #f8f8f8; overflow: hidden; [/newclass]
[newclass=.meiko-text] padding: 60px; font: 400 14px/18px Old Standard TT; color: #444; text-align: justify; position: relative; z-index: 1; [/newclass]
[newclass=.meiko-text b] font: 700 14px/18px roboto; position: relative; color: var(--meiko-accent); [/newclass]
[newclass=.meiko-quote] width: 65px; height: 69px; margin-right: 10px; display: inline-block; float: left; background: var(--meiko-accent); clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); shape-outside: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); display: flex; align-items: center; justify-content: center; [/newclass]
[newclass=.meiko-body::after] content: ""; width: 50%; height: 120%; position: absolute; right: -100px; top: -50px; background: url(https://image.ibb.co/eA8wR8/40.png); transform: scaleX(-1); opacity: 0.2; filter: grayscale(100%) contrast(75%); z-index: 0; [/newclass]
[newclass=.meiko-body::before] content: ""; position: absolute; top: 0px; right: 0px; z-index: 1; height: 100%; width: 150px; background: rgb(248, 248, 248); background: linear-gradient( 90deg, rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 0) 100% ); [/newclass] [newclass=.meiko-footer] width: calc(100% - 100px); background-color: #111; position: relative; border-bottom: 7px solid var(--meiko-accent); display: flex; flex-flow: row nowrap; align-items: center; padding: 40px 50px; [/newclass]
[newclass=.meiko-footer::before] content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:var(--meiko-img); background-position: bottom; filter: grayscale(100%) contrast(75%); opacity: 0.175; [/newclass]
[newclass=.meiko-footer div] height: 20px; display: flex; flex-flow: row wrap; align-items: center; position: relative; color: #000; font: 700 18px/100% Roboto; text-transform: uppercase; z-index: 1; background: var(--meiko-accent); padding: 6px 10px 5px 10px; [/newclass]
[newclass=.meiko-footer div a] font: 700 18px/100% Roboto !important; text-transform: uppercase !important; background: #4287f5 !important; color: #000 !important; [/newclass]
[newclass=.meiko-credit] width: 50px; margin: 0px 0px 0px 450px; [/newclass]
[newclass=.meiko-credit a] font: 700 8px/100% roboto !important; [/newclass]