html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{height:-webkit-fill-available}body{height:100vh;height:-webkit-fill-available}body *{box-sizing:border-box;font-family:"Open Sans",sans-serif;color:#fff}#app{display:none;max-width:1080px;width:100%;margin:0 auto;padding:0 20px;grid-template-rows:60px auto;row-gap:5px}#app.ready{display:grid}@media screen and (min-width: 1080px){#app{width:960px;grid-template-rows:60px auto}}main{text-align:center;display:grid}main>*{align-self:center}#main-content{display:grid;grid-template-columns:100%;height:100vh;height:-webkit-fill-available}@media screen and (min-width: 1080px){#main-content{grid-template-columns:auto fit-content(960px) auto}}#particles{background-size:cover;background-repeat:no-repeat;position:fixed;width:100%;height:100vh;height:-webkit-fill-available;z-index:-1}.side-flash{display:none}@media screen and (min-width: 1080px){.side-flash{display:block;margin-top:60px}.side-flash>div{max-width:120px;margin:0 auto}}.mts{margin-top:10px}@font-face{font-family:"icomoon";src:url("/files/fonts/icomoon.eot");src:url("/files/fonts/icomoon.eot") format("embedded-opentype"),url("/files/fonts/icomoon.ttf") format("truetype"),url("/files/fonts/icomoon.woff") format("woff"),url("/files/fonts/icomoon.svg") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:"icomoon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-telegram:before{content:""}.icon-whatsapp:before{content:""}.icon-twitter:before{content:""}.icon-facebook:before{content:""}.icon-reddit:before{content:""}.icon-sinaweibo:before{content:""}.icon-taleforge:before{content:""}.icon-angle-double-left:before{content:""}.icon-angle-double-right:before{content:""}.icon-angle-double-up:before{content:""}.icon-angle-down:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-bars:before{content:""}.icon-bookmark:before{content:""}.icon-books:before{content:""}.icon-bullseye:before{content:""}.icon-coffee-togo:before{content:""}.icon-cog:before{content:""}.icon-coins:before{content:""}.icon-copy:before{content:""}.icon-external-link:before{content:""}.icon-eye:before{content:""}.icon-flag-checkered:before{content:""}.icon-hand-pointer:before{content:""}.icon-heart:before{content:""}.icon-home-lg-alt:before{content:""}.icon-info-circle:before{content:""}.icon-leaf-heart:before{content:""}.icon-link:before{content:""}.icon-lock-alt:before{content:""}.icon-lock-open-alt:before{content:""}.icon-mars:before{content:""}.icon-palette:before{content:""}.icon-pen-alt:before{content:""}.icon-pencil:before{content:""}.icon-plus:before{content:""}.icon-robot:before{content:""}.icon-search:before{content:""}.icon-share-square:before{content:""}.icon-sliders-v:before{content:""}.icon-sync-alt:before{content:""}.icon-times:before{content:""}.icon-tools:before{content:""}.icon-trash-alt:before{content:""}.icon-treasure-chest:before{content:""}.icon-venus:before{content:""}.icon-download:before{content:""}.icon-map:before{content:""}.icon-arrow-alt-circle-down:before{content:""}.icon-sun:before{content:""}.icon-moon:before{content:""}.btn{display:block;border-radius:10px;border:none;color:var(--whitetext);min-width:150px;width:100%;padding:20px;text-align:center;transition:.3s all ease-in-out;cursor:pointer}.btn span{transform:translateY(1px);display:inline-block}.btn:hover{color:var(--whitetext)}@media screen and (min-width: 1080px){.btn{width:initial}}.btn-primary{background-color:var(--button);background-image:var(--buttongradient);position:relative}.btn-primary:hover{background-image:var(--buttongradienthover)}.btn-primary span{color:var(--whitetext)}.btn-ghost{border:2px solid var(--text);color:var(--text);padding:10px 20px;border-radius:10px}.btn-ghost:hover{color:var(--text)}p{font-size:18px;line-height:40px;margin-bottom:20px}@media screen and (min-width: 1080px){p{font-size:21px}}.smaller{font-size:12px}@media screen and (min-width: 1080px){.smaller{font-size:14px}}em{font-style:italic}strong,.strong{font-weight:600}.text-center{text-align:center}.italic{font-style:italic}.path1,.path2{font-family:"icomoon"}.text ul{list-style-type:disc}.text ol{list-style-type:decimal}.text ul,.text ol{font-size:18px;margin-left:20px;margin-bottom:30px;margin-top:20px}.text ul li,.text ol li{margin-bottom:15px;line-height:1.8}@media screen and (min-width: 1080px){.text ul,.text ol{font-size:21px}}.fineprint{font-size:12px;font-style:italic}.warning{color:#b03100;font-weight:600}h1,h2,h3,h4,h5,h6{font-family:"Amaranth",sans-serif;color:#fff;font-weight:600;margin-bottom:20px}h1{font-size:24px}@media screen and (min-width: 1080px){h1{font-size:32px}}h2,h3{font-size:20px}@media screen and (min-width: 1080px){h2,h3{font-size:24px}}p{font-size:16px;line-height:1.5;margin-bottom:20px;text-shadow:2px 2px 5px #4d4d4d}@media screen and (min-width: 1080px){p{font-size:18px}}a{text-decoration:none;font-weight:600;color:#9eecff;display:inline-block;transition:.4s color ease-in-out}a:hover{color:#bfedf9}button{cursor:pointer;border:none}span[class^=icon-]{transform:translateY(1px);display:inline-block}.primary-btn{box-shadow:2px 2px 5px #1b1b1b;border:none;padding:20px;margin-top:10px;margin-bottom:20px;border-radius:10px;font-size:16px;font-weight:600;background:#198169;color:#fff;transition:.4s all ease-in-out;cursor:pointer}.primary-btn:hover{background:#21876f;color:#fff}span.dismiss{display:block;text-align:right;font-size:20px;padding:10px;cursor:pointer}@media screen and (min-width: 1080px){span.dismiss{font-size:32px;right:40px}}.warning{color:#ffccb8}.no-mobile{display:none}@media screen and (min-width: 1080px){.no-mobile{display:inline-block}}#entry-modal *{color:#4d4d4d;text-shadow:none}header{display:grid;grid-template-columns:60px auto max-content;column-gap:10px;z-index:99}header>*{align-self:center}header .views{display:none;place-self:center end;cursor:default}@media screen and (min-width: 380px){header .views{display:inline-block}}header nav{text-align:right}header button,header a{background:none;border:none;font-size:16px;font-weight:600;color:#32544c;padding:10px}@media screen and (min-width: 1080px){header .icon-arrow-alt-circle-down{padding-right:5px}}header img{width:40px}@media screen and (min-width: 1080px){header img{width:60px}}.fadein{animation:fadeIn .4s ease-in-out forwards;display:block}.fadeout{animation:fadeOut .3s ease-in-out forwards}.slidein{animation:slideIn ease-in-out .5s forwards}.rotate{animation:spin 1.1s infinite}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}20%{opacity:1}100%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#introduction{max-width:640px;margin:20px auto 0 auto}#introduction h2{margin-top:20px}@media screen and (min-width: 1080px){#introduction{margin:40px auto 0 auto}}#introduction ul{display:grid;margin-top:30px;grid-template-columns:auto;row-gap:15px;column-gap:15px;margin-bottom:110px}@media screen and (min-width: 1080px){#introduction ul{grid-template-columns:auto auto}}#introduction ul li a{padding:20px;border-radius:10px;background:#15453a;color:#fff;width:100%;box-shadow:2px 2px 5px #1b1b1b}#introduction ul li a:hover{background:#143b32}#ideas{line-height:1.5;display:grid;grid-template-rows:auto;overflow:hidden;padding-bottom:70px;height:90%}#ideas.has-name{grid-template-rows:min-content auto;row-gap:40px}@media screen and (min-width: 1080px){#ideas{padding-bottom:20px;height:60%}}#ideas>*{word-break:break-word;text-shadow:2px 2px 10px #4d4d4d}#ideas .title{border-bottom:2px solid #e7e7e7;margin:0 auto}#ideas .title h1{padding-bottom:5px;margin-bottom:0;font-size:18px}@media screen and (min-width: 380px){#ideas .title h1{font-size:24px}}@media screen and (min-width: 1080px){#ideas .title h1{font-size:32px}}#ideas .title p{max-width:500px;font-size:12px;margin-bottom:10px}@media screen and (min-width: 380px){#ideas .title p{font-size:14px}}@media screen and (min-width: 460px){#ideas .title p{font-size:16px}}#ideas .idea-row div{font-size:24px;margin-bottom:20px}@media screen and (min-width: 1080px){#ideas .idea-row div{font-size:32px}}#ideas .idea-row div>span,#ideas .idea-row div a{margin:0 2px;padding:5px;cursor:pointer;transition:.3s color ease-in-out}#ideas .idea-row div>span.saved,#ideas .idea-row div a.saved{color:red}#ideas .idea-row div [class^=icon-]{transform:translateY(0px)}#ideas .xsmall{font-size:12px}@media screen and (min-width: 460px){#ideas .xsmall{font-size:24px}}#ideas .small{font-size:14px}@media screen and (min-width: 460px){#ideas .small{font-size:24px}}#ideas .regular{font-size:18px}@media screen and (min-width: 460px){#ideas .regular{font-size:28px}}#ideas .large{font-size:20px}@media screen and (min-width: 460px){#ideas .large{font-size:32px}}#ideas .xlarge{font-size:24px}@media screen and (min-width: 460px){#ideas .xlarge{font-size:48px}}#set-ideas{display:block;margin:0 auto 20px auto;max-width:600px;width:90%;border-radius:10px;border:2px solid #4d4d4d;text-align:center;font-size:18px;padding:10px 20px}@media screen and (min-width: 1080px){#set-ideas{min-width:500px}}input{display:block;width:90%;margin:0 auto 20px auto;padding:10px 20px;border-radius:10px;border:2px solid #4d4d4d;text-align:center;font-size:18px;color:#4d4d4d}@media screen and (min-width: 1080px){input{width:50%}}textarea{color:#4d4d4d}label{margin-bottom:10px;display:inline-block;font-weight:600}.byline{font-size:16px;font-style:italic;margin-top:-10px}.upgrade{font-weight:600;cursor:pointer;padding:10px 40px;display:block;max-width:200px;background:#2ba046;border-radius:10px;margin:20px auto;box-shadow:2px 2px 5px #171717;transition:.3s all ease-in-out}.upgrade:hover{background:#258c3d}.limit-width{max-width:600px;margin:0 auto 30px auto}.sharer span{padding:5px}#choose-theme ul{display:grid;grid-template-columns:auto auto}@media screen and (min-width: 460px){#choose-theme ul{display:block}}#choose-theme ul li{display:inline-block;place-self:center;background-size:cover;background-repeat:no-repeat;background-position:center;width:120px;height:60px;margin:0 10px 20px 10px;border-radius:10px;cursor:pointer;position:relative}#choose-theme ul li.active{border:4px solid #000}#choose-theme ul li .locked{position:absolute;height:100%;width:100%;left:0;background:rgba(0,0,0,.3137254902);display:grid;border-radius:10px;cursor:pointer}#choose-theme ul li .locked>span{place-self:center}#choose-theme ul li#bg-mountain{background-image:url(https://assets.images.thestoryshack.com/cyog-mountain-bg-mobile.jpeg)}#choose-theme ul li#bg-recipe{background-image:url(https://assets.images.thestoryshack.com/cyog-recipe-bg-mobile.jpeg)}#choose-theme ul li#bg-notes{background-image:url(https://assets.images.thestoryshack.com/cyog-notes-bg-mobile.jpeg)}#choose-theme ul li#bg-game{background-image:url(https://assets.images.thestoryshack.com/cyog-game-bg-mobile.jpeg)}#choose-theme ul li#bg-space{background-image:url(https://assets.images.thestoryshack.com/cyog-space-bg-mobile.jpeg)}#entry-modal{width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));display:none;position:fixed;top:0;left:0;z-index:100000000000000000;padding:10px}#entry-modal.active{display:grid}@media screen and (min-width: 380px){#entry-modal{padding:20px}}#entry-modal .inner{min-width:300px;max-width:95%;min-height:100px;padding:55px 15px 25px 15px;border-radius:10px;box-shadow:2px 2px 5px #4d4d4d;background:#fff;position:relative;overflow-y:auto;text-align:center;display:grid;grid-template-columns:auto;text-align:left;margin:0 auto}@media screen and (min-width: 1080px){#entry-modal .inner{place-self:center;min-width:700px;max-width:850px;height:fit-content;padding:60px 30px 10px 30px;grid-template-columns:50% 50%}}#entry-modal .inner .left{padding-left:10px;padding-right:10px}#entry-modal .inner .left *{color:var(--darktext)}#entry-modal .inner p{font-size:16px;line-height:1.3;margin-bottom:10px;font-weight:400}@media screen and (min-width: 380px){#entry-modal .inner p{font-size:20px;margin-bottom:20px}}#entry-modal .inner .close{position:absolute;right:30px;top:20px;font-size:30px;cursor:pointer;color:var(--darktext)}/*# sourceMappingURL=create-your-own.css.map */