@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);.google-login{display:flex;flex-direction:column;justify-content:center}.google-login>.input-item{display:flex;margin-bottom:1rem}.google-login>.input-item p{color:#eee;font-weight:700;width:30%}.google-login>.input-item input{border:1px solid #eee;border-radius:8px;flex:1 1;font-size:2rem}.google-login>p{color:#eee;text-align:center}.google-login button{background-color:#00cf35;border-radius:4px;color:#fff;font-size:20px;font-weight:700;margin-right:4px;padding:14px 26px}.google-login button:hover{cursor:pointer}.login{display:flex;flex-direction:column;justify-content:left}.login>.input-item{display:flex;margin-bottom:1rem}.login>.input-item p{color:#333;font-weight:700;width:30%}.login>.input-item input{border:1px solid #333;border-radius:8px;flex:1 1;font-size:1rem}.login>p{color:#333;font-weight:700;margin:0 auto 1rem}.login .login-buttons-wrapper{margin:0 auto;overflow:hidden}.login .login-buttons-wrapper button{display:block;font-size:.9rem;margin-bottom:.5rem;margin-top:4px;padding-bottom:12px;padding-left:10px;padding-top:12px;width:18rem}.login .login-buttons-wrapper button:hover{cursor:pointer}.google-container{font-family:arial!important}.gg-mail,.gg-mail:after{border:2px solid #999;box-sizing:border-box;display:block;height:14px}.gg-mail{border-radius:2px;float:left;margin-right:18px;overflow:hidden;position:relative;transform:scale(1);transform:scale(var(--ggs,1));width:18px}.gg-mail:after{border-radius:3px;bottom:3px;content:"";left:0;position:absolute;transform:rotate(-45deg);width:14px}.sign-up{display:flex;flex-direction:column}.sign-up>.input-item{display:flex;margin-bottom:1rem}.sign-up>.input-item p{color:#eee;font-weight:700;width:30%}.sign-up>.input-item input{border:1px solid #eee;border-radius:8px;flex:1 1;font-size:2rem}.sign-up button{background-color:#00cf35;color:#fff;font-size:20px;font-weight:700;margin-right:4px;padding:14px 26px}.sign-up button:hover{cursor:pointer}@font-face{font-family:storybookFont;src:url(/static/media/Storyboo.20656ac6117b8b01a012.TTF)}html{overflow-y:scroll}body{background:#2a9d8f;background:linear-gradient(90deg,#238277,#2a9d8f);background-attachment:fixed;background-repeat:no-repeat;font-family:Open Sans,sans-serif;margin:0}.App,body{transition:background-color 1s linear}.App{background:#2a9d8f;background:linear-gradient(90deg,#238277,#2a9d8f);max-width:740px}.App,.topBar{margin:0 auto}.topBar{align-items:center;background-color:#238277;background:linear-gradient(90deg,#238277,#2a9d8f);display:flex;justify-content:space-between;max-width:608px}@media screen and (max-width:500px){.topBar{margin-bottom:0}}.topBar a{color:#000}.topBar h1{color:#fff;display:inline-block;font-family:storybookFont;font-size:3.2rem;font-style:italic;font-weight:400;margin:1.5rem 2rem 1.5rem 2.5rem}@media screen and (max-width:500px){.topBar h1{font-size:2.8rem;margin:1rem 0 1rem 1rem}}.topBar h1 span{display:none;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-style:normal;font-weight:400;margin-left:0}@media screen and (max-width:500px){.topBar h1 span{font-size:2rem;margin-left:.1rem}}.topBar .link-mypage{color:#fff;margin-right:.5rem;text-decoration:none}.topBar .account-container{display:flex;margin:0 2rem}@media screen and (max-width:500px){.topBar .account-container{display:none;font-size:2.7rem;margin-left:1.3rem}}.topBar .account-container>div{color:#fff;flex:1 1;font-weight:700;margin-right:4px;padding:14px 26px}.topBar .account-container>div:hover{cursor:pointer}.topBar .account-container .login-btn{background-color:#00cf35;display:none;margin-right:8px}.topBar .account-container .sign-up-btn{background-color:#00b8ff;display:none}.topBar .account-container .log-out-btn{background-color:#fff;color:#c10d26;margin-left:1rem}.App-header{background:#2a9d8f;border-radius:0;color:#000;font-family:Open Sans,sans-serif;margin:0 auto;max-width:512px;padding:.5rem 3rem 4rem}@media screen and (min-width:900px){.App-header{min-width:512px}}@media screen and (max-width:500px){.App-header{border:0;border-radius:0;margin-top:0;padding:1rem 1rem 2rem}}.App-header h2{color:#e9c46a;font-size:1.8rem}.App-header h2 a{color:#e9c46a}@media screen and (max-width:500px){.App-header h2{font-size:1.7rem;margin-top:0}}.App-header .imageForm{text-align:left}.App-header form input[type=text]{border-radius:8px;text-transform:lowercase}.App-header input.descriptionBox{background:#fff3;border:1px solid #2a9d8f;border-radius:0;box-shadow:none;box-sizing:border-box;color:bisque;font-size:22px;height:auto;outline:0;padding:15px;width:100%}.App-header input.descriptionBox::placeholder{color:#fff;opacity:.3}.App-header input.descriptionBox:focus{border:1px solid #bcbbbb}.App-header input.tag-box{background:#fff3;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:bisque;font-size:1rem;height:auto;outline:0;padding:10px;width:92%}@media screen and (max-width:500px){.App-header input.tag-box{width:100%}}.App-header input.tag-box::placeholder{color:#fff;opacity:.3}.App-header input.tag-box:focus{border:1px solid #bcbbbb}.App-header button{background-color:#2ecc71;border:none;color:#fff;display:inline-block;font-size:1.2rem;font-weight:400;margin-bottom:1.2rem;margin-top:1.2rem;opacity:1;padding:10px 20px;text-shadow:none}.App-header button.btn-save{display:none;font-size:.94rem;font-weight:400;margin:0;position:absolute;right:0;top:8px}@media screen and (max-width:500px){.App-header button.btn-save{display:none;position:relative}}.App-header button.btn-save.save-icon{height:auto;margin-bottom:.5rem;margin-left:2px;margin-top:.5rem;padding:10px;position:relative;top:0}@media screen and (max-width:500px){.App-header button.btn-save.save-icon{position:relative}}.App-header button.btn-save.save-icon i{font-size:1rem;padding-right:0}.App-header .random-wrapper{color:#fff;margin-bottom:0;margin-top:0;text-align:left}.App-header .random-wrapper a{color:#fff;font-size:.8rem}.App-header .more-styles{background-color:bisque;border:1px solid #ccc;border-radius:.3rem;color:#000!important;margin-right:.7rem;padding:.55rem .6rem;text-decoration:none}.App-header .more-styles i{margin-right:.3rem}.App-header .styles-wrapper{color:bisque;margin-bottom:0;margin-top:1.5rem}.App-header .styles-wrapper span{color:#ccc;font-size:.75rem;vertical-align:super}.App-header .clearBtn{background-color:#006373;margin-left:.7rem}.App-header button:hover{cursor:pointer}.App-header .checkmarkWrapper{margin-top:.7rem}@media screen and (max-width:500px){.App-header .checkmarkWrapper{height:65px;margin-bottom:0;overflow-x:scroll;white-space:nowrap;width:100%}.App-header .checkmarkWrapper::-webkit-scrollbar{height:5px;width:0}.App-header .checkmarkWrapper::-webkit-scrollbar-track{background:#2da495;border:1px solid #ccc}.App-header .checkmarkWrapper::-webkit-scrollbar-thumb,.App-header .checkmarkWrapper::-webkit-scrollbar-thumb:hover{background:#ccc}}.App-header .checkboxCustom{appearance:none;background-color:bisque;background-size:360% 100%;border:1px solid #ccc;border-radius:4px;cursor:pointer;height:40px;overflow:hidden;position:relative;width:110px}.App-header .checkboxCustom:after{color:#fff;content:attr(data-name);font-family:Inter,sans-serif;font-size:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:99}.App-header .checkboxCustom:hover:after{color:#fff}.App-header .checkboxCustom:before{background:#2a9d8f;content:"";height:200%;left:0;position:absolute;top:0;transform:scale(.6) translate(-50%,-50%);width:200%;z-index:0}.App-header .checkboxCustom:checked:before{top:-100%}.App-header .checkboxCustom:checked:after{color:#666}.App-header .checkboxCustom:focus-visible{box-shadow:0 0 0 5px #2a9d8f;outline:none}.App-header .generateWrapper{color:#fff;display:inline-block;margin-left:1.5rem}@media screen and (max-width:500px){.App-header .generateWrapper{display:none}}.App-header .errorMessage{color:#6b0707;margin-top:0}.App-header .generatedDuration{color:#014853}@media screen and (max-width:500px){.App-header .generatedDuration{font-size:.85rem;margin-top:2rem}}.App-header .generatedDuration a{color:#e9c46a}.App-header .generatedSeed{color:#fff;line-height:2rem;margin-top:.5rem}@media screen and (max-width:500px){.App-header .generatedSeed{font-size:.85rem}}.App-header .generatedSeed span{background-color:#333;color:#e9c46a;margin-left:.2rem;padding:.3rem .4rem}.App-header .fadeIn{opacity:1}.App-header .App-link{color:#61dafb}.imgContainer{animation-duration:1.3s;margin-top:1rem}@media screen and (max-width:500px){.imgContainer{border:1px}}.imgContainer img{border:1px solid #ccc;opacity:1}.placeholderImg{animation:fadeIn 1s;opacity:1}.hide{display:none}.animateContainer{position:relative}img{height:512px;width:100%}@media screen and (max-width:500px){img{height:auto}}img.loadingImg{filter:grayscale(100%);opacity:.2}.thumbsContainer{position:relative}.thumbsContainer .thumbnail{border-radius:6px;display:inline-block;height:80px;margin-right:.5rem;margin-top:.5rem;width:80px}.thumbsContainer img{border-radius:6px;height:100%;width:100%}.optionCheckmarks{display:inline-block;margin-right:.5rem;margin-top:.2rem;text-align:left}.optionCheckmarks input:checked+label{color:bisque}.optionCheckmarks label{color:#efefef;margin-left:.15rem}.footerText{color:#000;color:#ccc;font-size:.9rem;margin:2rem auto 0;max-width:512px;padding-bottom:2rem}@media screen and (max-width:500px){.footerText{padding-left:1.5rem}}.footerText a{color:#ccc}.footerText a:hover{color:#fff}.blink{animation:blinker 1.5s step-start infinite;color:#ccc}.progressContainer{height:100%;margin:0;opacity:1;position:absolute;width:100%;z-index:1}.progressContainer:after{background-color:bisque;content:"";height:1%;left:0;position:absolute;top:0;transform-origin:left;transition:width 12s ease;width:0;z-index:-1}.progressContainer.animateProgress:after{animation:transit 10s linear;animation-delay:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;width:0}@keyframes transit{0%{width:0}to{width:100%}}.loadingCounter{font-size:.9rem;left:1rem;padding-right:1.5rem;position:absolute;top:1.5rem;width:80%;z-index:1}@media screen and (max-width:500px){.loadingCounter{font-size:.8rem;left:.5rem;padding-right:.5rem;right:.5rem;width:90%}}.loadingCounter .blink{animation:blinker 1.5s step-start infinite;color:#fff;display:block;font-size:.9rem;margin-top:1rem}@keyframes blinker{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loadingCounter p{animation-duration:.1s;animation-fill-mode:forwards;animation-name:writeText;color:#ccc;display:block;font-family:monospace;font-size:.9rem;margin:0 0 .25rem;overflow:hidden;white-space:nowrap;width:0}@media screen and (max-width:500px){.loadingCounter p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;white-space:normal}.loadingCounter .delay1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}}.loadingCounter .delay1{animation-delay:.5s}.loadingCounter .delay2{animation-delay:1s}.loadingCounter .delay4{animation-delay:1.2s;margin-bottom:.5rem}.loadingCounter .delay5{animation-delay:1.5s;animation-duration:1ms;white-space:break-spaces}.loadingCounter .delay6{animation-delay:1.8s}.loadingCounter .delay7{animation-delay:2.2s;color:bisque}@keyframes writeText{0%{width:0}to{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loadingCounter #loader{background-color:#000;height:2px;width:100%}.loadingCounter #loaded{animation-duration:3s;animation-fill-mode:forwards;animation-name:load;background-color:#20c20e;height:2px;width:0}@keyframes load{0%{width:0}50%{width:70%}70%{width:100%}80%{opacity:1}to{opacity:1;width:100%}}.mobile-wrapper{display:none}@media screen and (max-width:500px){.mobile-wrapper{display:block}}#menuToggle{display:none;position:absolute;right:25px;top:25px;-webkit-user-select:none;user-select:none;z-index:1}#menuToggle a{color:#232323;text-decoration:none;transition:color .3s ease}#menuToggle a:hover{color:tomato}#menuToggle input{-webkit-touch-callout:none;cursor:pointer;display:block;height:32px;left:-5px;opacity:0;position:absolute;top:-7px;width:40px;z-index:2}#menuToggle span{background:#cdcdcd;border-radius:3px;display:block;height:4px;margin-bottom:5px;position:relative;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;width:33px;z-index:1}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{background:#232323;opacity:1;transform:rotate(45deg) translate(-2px,-1px)}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{-webkit-font-smoothing:antialiased;background:#ededed;list-style-type:none;padding:210px 20px 50px;position:absolute;right:-25px;top:-230px;transform:translateY(-100%);transform-origin:0 0;transition:transform .5s cubic-bezier(.77,.2,.05,1);width:140px}#menu li{font-size:1rem;padding:10px 0}#menuToggle ul.open-menu{transform:none}.log-out-btn i,.login-btn i,button i{padding-right:6px}.error-msg,.info-msg,.success-msg,.warning-msg{border-radius:3px 3px 3px 3px;margin:0 auto 1rem;max-width:588px;padding:10px}.error-msg i,.info-msg i,.success-msg i,.warning-msg i{padding-right:6px}.error-msg a,.info-msg a,.success-msg a,.warning-msg a{color:#333}.info-msg{background-color:#bef;color:#059}.success-msg{background-color:#dff2bf;color:#270}.warning-msg{background-color:#feefb3;color:#9f6000}.error-msg{background-color:#ffbaba;color:#d8000c}.mobileNavAbove{color:#fff;display:none}@media screen and (max-width:500px){.mobileNavAbove{display:none;margin:0 1rem;max-width:500px;padding-bottom:1rem}.mobileNavAbove .divide{margin:0 10px}.mobileNavAbove a{color:#fff}.mobileNavAbove p{display:inline}}.personal-page h1>span{color:red;font-size:50px}.personal-page h2{margin-bottom:1rem}.personal-page h3{color:bisque;font-size:1.3rem;font-weight:400;margin-bottom:3rem;margin-top:0}.personal-page h5{color:#efefef;font-size:1rem;margin-bottom:1rem;margin-top:3rem}.personal-page .image-list .image-date{border-top:1px solid #035f4d;color:#000;font-style:italic;margin-top:3rem;padding-top:2rem}.personal-page .image-list .image-detail{align-items:stretch;display:flex;margin:1rem 0;position:relative}.personal-page .image-list .image-detail div>span{font-size:.83em;font-style:italic;font-weight:700}.personal-page .image-list .date{margin-top:.7rem;vertical-align:top}.personal-page .image-list p{font-style:italic}.personal-page .image-list .tag-wrapper{color:bisque;flex-basis:99%}.personal-page .image-list .editabletagbox{background:#fff3;border:1px solid #2a9d8f;border-radius:0;box-shadow:none;box-sizing:border-box;color:bisque;font-size:15px;height:auto;outline:0;padding:10px;width:100%}.personal-page .image-list .editabletagbox::placeholder{color:#fff;opacity:.3}.personal-page .image-list .editabletagbox:focus{border:1px solid #bcbbbb}.personal-page .image-list .delete-btn{background:#c10d26;color:#fff;display:inline-block;flex-basis:1%;font-size:1rem;padding:8px 10px}.personal-page .image-list .delete-btn i{font-size:1rem;padding-bottom:0}.personal-page .image-list .delete-btn:hover{cursor:pointer}.flex-wrapper{display:flex;justify-content:space-around;margin-right:20px;position:relative}@media screen and (max-width:500px){.flex-wrapper{margin-right:0}}.flex-wrapper .tag-container{position:absolute;right:0}@media screen and (max-width:500px){.flex-wrapper .tag-container{border:1px solid #ccc}.tag-container{display:none;position:relative}.tag-container.mobile-responsive{display:block;position:absolute}}.tag-side{align-items:center;background:#2a9d8f;border-radius:10px;color:#000;margin:1rem auto auto;max-width:200px;padding:.5rem 3rem 4rem}@media screen and (max-width:260px){.tag-side{border:0;border-radius:0;margin-top:0;padding:1rem 1rem 2rem}}.tag-content{display:flex;list-style-type:none;margin-top:15px;position:relative}.tag-content .tag-icon{background-color:bisque;border-radius:8px;display:block;font-size:15px;margin-right:10px;padding:.5em 25px .5em .5em}.tag-content .tag-name{cursor:pointer;font-family:Open Sans,sans-serif;font-weight:400;margin-left:.5em}.tag-content .tag-name:hover{cursor:pointer}.tag-content .tag-counter{background-color:#3d3a3b;border:1px solid #3d3a3b;border-radius:20px;color:#e1e5eb;display:inline-block;font-size:11px;line-height:24px;margin-top:.3em;min-width:10px;padding:0 6px;text-align:center}.not-found{text-align:center}.not-found .large{font-size:2rem}
/*# sourceMappingURL=main.7379f964.css.map*/