article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]) {display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:“”‘’}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root) {overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*{box-sizing:border-box;outline-style:0}html{font-size:10px}body{max-width:100%;background-color:#414042}h1,h2,h3,h4,ul{margin:0;padding:0;font-family:"Roboto Condensed",sans-serif;font-weight:400}a{text-decoration:none;outline:0}p{font-family:"Open Sans",sans-serif;margin:0;padding:0}.wrapper{width:90%;max-width:1100px;margin:0 auto}.grid{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.app-window{width:100%;height:100vh}.app-window .entry-page,.app-window .canvas-page,.app-window .publish-page{height:100vh}.app-window .entry-page .wrapper.grid{height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.app-window .entry-page h1{margin-top:2%;font-family:"Roboto",sans-serif;font-size:8rem;text-transform:uppercase;color:#6fe297}.app-window .entry-page p{font-size:2.5rem;color:#e6e7e8;text-align:center;font-weight:300;line-height:3rem}.app-window .entry-page form{margin-top:3%;width:70%}.app-window .entry-page form input[type="search"]{padding:10px;width:28%;border:2px solid transparent;border-radius:5px;font-size:2rem;color:#fff;background-color:rgba(255,255,255,.3);transition:border-color .3s ease , color .3s ease}.app-window .entry-page form input[type="search"]:focus{outline:none;border-color:#6fe297;color:#e6e7e8}.app-window .entry-page .main-btn{margin:3% auto 0 auto}.app-window .canvas-page h3{color:#fff}.app-window .canvas-page .categories{width:100px;height:100%;background-color:#181819;text-align:center}.app-window .canvas-page .categories h1{font-size:4rem}.app-window .canvas-page .categories nav{-ms-flex-direction:column;flex-direction:column}.app-window .canvas-page .categories nav button{height:100px;border:none;color:#e6e7e8;background:#181819;outline:none}.app-window .canvas-page .categories nav button i{font-size:2.5rem}.app-window .canvas-page .categories nav button p{font-size:1.5rem}.app-window .canvas-page .categories nav button img{max-width:80%}.app-window .canvas-page .categories nav button.active{background:#252426;color:#fff}.app-window .canvas-page .decorative-objects{width:20%;height:100%;background-color:#252426;overflow-y:auto;padding-top:1%}.app-window .canvas-page .decorative-objects .grid-cell-lyrics{width:100%;text-align:center;font-size:1.5rem;color:#e6e7e8}.app-window .canvas-page .decorative-objects .grid-cell-lyrics:hover{cursor:pointer}.app-window .canvas-page .decorative-objects .grid-cell-emoji{width:30%;text-align:center}.app-window .canvas-page .decorative-objects .grid-cell-emoji .emoji{font-size:5rem}.app-window .canvas-page .decorative-objects .grid-cell-emoji .emoji:hover,.app-window .canvas-page .decorative-objects .grid-cell-emoji .emoji:active{cursor:move}.app-window .canvas-page .decorative-objects .grid-cell-img{width:90%;margin:5% auto 0 auto}.app-window .canvas-page .decorative-objects .grid-cell-img img{width:100%;border-radius:5px;-webkit-filter:brightness(80%);filter:brightness(80%);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease , -webkit-filter .3s ease}.app-window .canvas-page .decorative-objects .grid-cell-img img:hover{-webkit-filter:brightness(115%);filter:brightness(115%);cursor:pointer}.app-window .canvas-page .decorative-objects::-webkit-scrollbar{width:.6rem}.app-window .canvas-page .decorative-objects::-webkit-scrollbar-track{background-color:#252426}.app-window .canvas-page .decorative-objects::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(230,231,232,.6)}.app-window .canvas-page .decorative-objects .grid-cell-image{width:100%}.app-window .canvas-page .canvas-area{width:calc(80% - 100px);height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.app-window .canvas-page .canvas-area .canvas{width:640px;height:480px;border-radius:10px;background-color:#181819}.app-window .canvas-page .canvas-area .canvas-btns{margin-top:3%;width:640px}.app-window .publish-page .wrapper.grid{height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.app-window .publish-page h2{font-size:3rem;color:#6fe297}.app-window .publish-page .publish-content{margin-top:3%}.app-window .publish-page .grid-cell:first-child{width:60%}.app-window .publish-page .grid-cell:first-child img{max-width:100%}.app-window .publish-page .grid-cell:last-of-type{width:40%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.app-window .publish-page .grid-cell:last-of-type p{font-size:3rem;color:#fff}.app-window .publish-page .grid-cell:last-of-type .publish-btns{margin-top:3%;width:100%}.app-window .publish-page .grid-cell:last-of-type .publish-btns p{font-size:2rem;margin-top:3%}.app-window .publish-page .grid-cell:last-of-type .publish-btns a{margin-top:3%}.app-window .btn{padding:10px 20px;font-size:2rem;border:2px solid #6fe297;border-radius:5px;color:#6fe297;background-color:transparent;transition:background .3s ease , color .3s ease}.app-window .btn:hover{background:#6fe297;color:#414042;cursor:pointer}