Noire
Spring '21 Dev Completionist
No cracks, no breaks; no mistakes
[newclass=.soro_cRR_1]display: inline-block[/newclass][newclass=.soro_cRR_1 img]width: inherit; height: inherit; max-width: inherit; max-height: inherit; min-width: inherit; min-height: inherit; border-radius: inherit;[/newclass][nospaces] [googlefont=/fonts.googleapis.com/] [googlefont=Marck+Script&display=swap] [googlefont=Ysabeau:400,400italic] [googlefont=Playfair&display=swap] [googlefont=Rubik+Glitch&display=swap] [attr="id","Soro0"]
[attr="class","Soro_slice"]  Do you...[attr="class","Soro_section"] [attr="class","Soro_L"] [attr="class","Soro_R"]
[attr="class","Soro_slice"]  Consider the Labyrinth![attr="class","SoroCard_container"] [attr="class","SoroCard"] [attr="class","SoroCard_text"]Live in the skyship city of Arcadia, where pragmatism demands sacrifice from all but the rich and famous [attr="class","soro_chibiTomoe"]  [attr="class","soro_cT_3"] [attr="class","soro_cT_2"] [attr="class","soro_cT_1"][attr="class","SoroCard"] [attr="class","SoroCard_text"]Laugh at the concept of plot armour from beneath the crushing weight of your own mortality and the everyday threats to it [attr="class","SoroCard SoroCardC"] [attr="class","soro_chibiMonika"]  [attr="class","soro_cM_3"] [attr="class","soro_cM_2"] [attr="class","soro_cM_1"][attr="class","SoroCard_text"]Love the powers of magicite and friendship - the only way we'll make it out of this alive [attr="class","SoroCard"] [attr="class","soro_chibiRegRiko"]  [attr="class","soro_cRR_3"] [attr="class","soro_cRR_2"] [attr="class","soro_cRR_1"][attr="class","SoroCard_text"]Survive the horrors of Sorojin's Labyrinth and the soul-tempering destiny the Fates have in store for you [attr="class","SoroCard"] [attr="class","SoroCard_text"]Thrive with the trauma of a wish made real and the dawning realization that all it cost you was everything, everything, oh god, [attr="class","SoroCard_text_why"]why- [attr="class","Soro_slice"]  Are you for real?[attr="class","Soro_section"] [attr="class","Soro_L"] [attr="class","Soro_R"] [break][break] I am dead serious. [attr="class","Soro_slice"]  Sorojin's Labyrinth[attr="id","soro_blurb"]  A new dark fantasy about team-building, exploration, hardship, loss, and the bonds we forge to overcome it [newclass="#Soro0"]width: 500px; margin: 0 auto; padding: 60px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://files.jcink.net/uploads2/soro/Skin_Chasm/sharpEdges.jpg") center / cover no-repeat, -webkit-gradient(linear, left top, left bottom, from(#62a6dd), to(#550a60)); background: url("https://files.jcink.net/uploads2/soro/Skin_Chasm/sharpEdges.jpg") center / cover no-repeat, -o-linear-gradient(top, #62a6dd, #550a60); background: url("https://files.jcink.net/uploads2/soro/Skin_Chasm/sharpEdges.jpg") center / cover no-repeat, linear-gradient(to bottom, #62a6dd, #550a60); background-blend-mode: soft-light; color: #2e116f; position: relative; font-family: 'Ysabeau', sans-serif; line-height: 95%; font-size: 15px;[/newclass] [newclass=".Soro_L"]position: absolute; width: 2px; height: 80%; top: 2%; left: -7.5%; background-color: #fff4;[/newclass] [newclass=".Soro_R"]position: absolute; width: 2px; height: 80%; top: 2%; right: -7.5%; background-color: #fff4;[/newclass] [newclass=".Soro_slice"]margin: 0 auto; width: 95%; display: block; margin-bottom: 30px; position: relative;[/newclass] [newclass=".Soro_slice > h1"]font-family: 'Marck Script', cursive; font-size: 290%; text-align: center; margin: unset; color: #361284; text-shadow: 2px 2px #eeeb; line-height: 140%; position: inherit;[/newclass] [newclass=".Soro_slice > img"]position: absolute; top: 0; width: 100%; mix-blend-mode: luminosity; -webkit-filter: brightness(125%) contrast(50%); filter: brightness(125%) contrast(50%);[/newclass] [newclass=".Soro_imgSlice"]margin: 0 auto; width: 73.333%; display: block; margin-bottom: 30px; position: relative; mix-blend-mode: luminosity;[/newclass] [newclass="#Soro0 ul"]margin: unset;[/newclass] [newclass="#Soro0 ul > li"]margin-top: 10px;[/newclass] [newclass=".Soro_section"]width: 55%; margin: 0 auto; padding-bottom: 60px; position: relative;[/newclass] [newclass=".SoroCard_container"]display: grid; grid-template-areas: "a b" "c c" "d e"; width: 75%; place-content: center; gap: 20px 7.5%; margin: 50px auto;[/newclass] [newclass=".SoroCard"]width: 100%; min-height: 250px; position: relative; background: #554db288; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px;[/newclass] [newclass=".SoroCardC"]grid-area: c; width: 50%; margin: 0 auto;[/newclass] [newclass=".SoroCard_text"]background: #fff2; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; position: relative; color: #eee; text-align: center; line-height: 125%;[/newclass] [newclass=".SoroCard_text > strong"]font-family: 'Marck Script', cursive; font-size: 200%; color: #efc3ff; text-shadow: 2px 2px #322995; position: absolute; top: -22.5px; left: 10px; z-index: 100; line-height: initial;[/newclass] [newclass=".SoroCard_text_why"]font-family: 'Rubik Glitch', cursive; font-size: 120%; -webkit-background-clip: text; background-clip: text; color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ef90f7)); background-image: -o-linear-gradient(top, #eee, #ef90f7); background-image: linear-gradient(to bottom, #eee, #ef90f7);[/newclass] [newclass=".soro_chibiTomoe"]position: absolute; z-index: 99; width: 125px; top: -50px; right: -40px;[/newclass] [newclass=".soro_cT_3"]position: absolute; width: 125px; top: 2.4px;[/newclass] [newclass=".soro_cT_2"]position: absolute; width: 76.4px; top: 2.3px; left: 37.6px; mix-blend-mode: overlay;[/newclass] [newclass=".soro_cT_1"]position: absolute; width: 76.4px; left: 35.4px;[/newclass] [newclass=".soro_chibiMonika"]position: absolute; z-index: 99; width: 125px; top: -50px; left: -40px;[/newclass] [newclass=".soro_cM_3"]position: absolute; width: 125px; top: 34.5px;[/newclass] [newclass=".soro_cM_2"]position: absolute; width: 118px; left: 6.8px; top: 3.1px; mix-blend-mode: luminosity;[/newclass] [newclass=".soro_cM_1"]position: absolute; width: 118px; left: 3.7px;[/newclass] [newclass=".soro_chibiRegRiko"]position: absolute; z-index: 99; width: 125px; top: -50px; right: -40px;[/newclass] [newclass=".soro_cRR_3"]position: absolute; width: 125px; top: 24.3px;[/newclass] [newclass=".soro_cRR_2"]position: absolute; width: 107.5px; left: 17.5px; top: 2.5px; mix-blend-mode: multiply;[/newclass] [newclass=".soro_cRR_1"]position: absolute; width: 107.5px; left: 15px;[/newclass] [newclass="#soro_blurb"]display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 400px; place-items: center; margin: 0 auto; color: #eee8; row-gap: 25px;[/newclass] [newclass="#soro_blurb a"]color: #ffe3bf;[/newclass] [newclass="#soro_blurb img"]width: 100%;[/newclass] |
