@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Press+Start+2P&display=swap);*{box-sizing:border-box;font-size:16px}.app,body{font-family:Work Sans,sans-serif}.app{height:100vh;width:100vw}a{text-decoration:none}button{border:1px solid hsla(0,0%,83%,.5);border-radius:4px;font-size:.9em}h1{color:#2f2f2f;font-size:2em}#canvas_page_body{background-color:#fdfdfd}#canvas_container{background-color:#494949}#tool_box{align-items:center;display:flex;flex-direction:column;margin-top:1em;width:10%}#export_button,#grid_button,#import_button,#redo_button,#tool_colour_picker,#tool_eraser,#tool_pencil,#undo_button{margin-bottom:.25em}#export_button:active,#grid_button:active,#import_button:active,#redo_button:active,#undo_button:active{background-color:gray;transition:all .3s linear}.login_signin{background-color:#2f2f2f;border-radius:3px}.dropdown-menu{left:0;list-style:none;padding:0;position:absolute;text-align:start;top:30px;width:200px;z-index:100}.dropdown-menu li{cursor:pointer}.dropdown-menu.clicked{display:none}.dropdown-link{background-color:#fff;color:#2f2f2f;display:block;height:100%;padding:16px;text-decoration:none;width:100%}.dropdown-link:hover{border-radius:4px;color:#d3d3d3;transition:all .2s ease-out}@media screen and (max-width:960px){.fa-caret-down{display:none}}.navbar{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;height:50px;justify-content:space-between;margin:0 auto;padding:0 3em;width:100%}.navbar-logo{cursor:pointer;font-size:2rem;justify-self:start;margin-left:20px;margin-right:1.5em;text-decoration:none}.navbar-logo h1{font-family:Pacifico,cursive;font-size:1.1em;margin-right:1.5em}.navbar-logo h1 span{color:#ff49a4;font-family:Pacifico,cursive;font-size:.9em;margin-left:.03em}.navbar ul li a{cursor:pointer;font-size:1em;letter-spacing:-1px}ul.nav_menu{width:80vw}.create_link{background-color:#ff49a4;border-radius:4px;color:#f3f3f3;font-weight:300}.create_link:hover{background-color:rgba(255,73,164,.726);color:#fff;transition:all .1s linear}li .login_text{color:#2f2f2f;font-weight:400}.fa-firstdraft{font-size:1.6rem;margin-left:.5rem}.user_icon{color:#2f2f2f;cursor:pointer}.login_text:hover,.user_icon:hover{color:#d3d3d3;transition:all .2s linear}.nav-menu{grid-gap:10px;align-items:center;display:grid;font-weight:400;grid-template-columns:repeat(5,auto);justify-content:end;list-style:none;margin-right:2rem;padding-left:0;text-align:center;width:70vw}.nav-item{align-items:center;display:flex;height:50px}.nav-links{padding:.5rem;text-decoration:none}#nav-links{background-color:transparent;height:40px;padding:.5rem 1rem;position:relative;text-decoration:none;z-index:5}.menu-icon,.nav-links-mobile{display:none}.navbar-logo h1{height:100%;margin:0}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;height:90vh;justify-content:flex-start;left:-100%;margin-top:0;position:absolute;text-align:center;top:50px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;z-index:10}#nav-links,.nav-links{display:table;padding:2rem;text-align:center;width:100%}.nav-links:hover{border-radius:0}.navbar-logo{left:0;position:absolute;top:0}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}.fa-times{font-size:2rem}.nav-links-mobile{border-radius:4px;display:block;font-size:1.5rem;margin:2rem auto;padding:1.5rem;text-align:center;text-decoration:none;width:80%}.nav-links-mobile:hover{background:#fff;color:#8a1953;transition:.25s}}#canvas_page_body{display:flex;height:calc(100% - 100px);margin:0;overflow:hidden;position:absolute;width:100%}#tool_box{background-color:#fff;height:100%;margin:0;min-width:175px;overflow:scroll;z-index:5}#canvas_container{background-color:#333;height:100%;width:100%}#canvas_preview,.canvas_tiling_preview{background-color:transparent;z-index:1}#canvas_interaction,#canvas_preview,.canvas_tiling,.canvas_tiling_preview{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute}#canvas_interaction,.canvas_tiling{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURf///7+/v6NDdjkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBjTYwABQSCglEENMxgYGAAynwRB8BEAgQAAAABJRU5ErkJggg==);background-repeat:repeat;z-index:auto}#canvas_grid{-ms-interpolation-mode:nearest-neighbor;background-color:transparent;height:inherit;image-rendering:-moz-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;width:inherit;z-index:3}#colour_picker,#one-off,#toggles,#tools{margin-top:10px}#colour_picker{display:flex;flex-direction:row;flex-wrap:wrap;height:250px;width:100%}#selectPrimarySecondary{display:flex;height:20%;width:100%}#selectPrimarySecondary_select{display:inline;display:initial;height:100%;position:relative;width:30%}#primaryColourBox,#secondaryColourBox{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURf///7+/v6NDdjkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBjTYwABQSCglEENMxgYGAAynwRB8BEAgQAAAABJRU5ErkJggg==);border:1px solid #777;height:26px;position:absolute;width:26px}#primaryColourBox{left:5px;top:5px;z-index:1}#secondaryColourBox{bottom:5px;right:5px;z-index:0}#swapColourBox{background-color:#000;bottom:1px;height:12px;left:1px;position:absolute;width:12px}#selectPrimarySecondary_text{align-items:center;height:100%;width:70%}#selectPrimarySecondary_text p{height:100%;line-height:150%;margin:auto;position:relative;text-align:center;width:100%}#sliders{height:80px;width:100%}.sliderContainer{height:100%;position:relative;width:65%}#number_alpha,#number_blue,#number_green,#number_red{width:35%}#background_alpha,#background_blue,#background_green,#background_red,#slider_alpha,#slider_blue,#slider_green,#slider_red{height:100%;margin:0;position:absolute;width:100%}.slider{-webkit-appearance:none;appearance:none;background:transparent}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border:1px solid #fff;height:25px;width:3px}.slider::-moz-range-thumb{background:#000;border:1px solid #fff;height:100%;width:1px}.toolboxSettingsContainer{display:flex;height:20px;margin:5px auto;position:relative;width:95%}#background_red{background-color:red}#background_green{background-color:green}#background_blue{background-color:blue}#background_alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURf///7+/v6NDdjkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBjTYwABQSCglEENMxgYGAAynwRB8BEAgQAAAABJRU5ErkJggg==)}#hex_input{width:100%}#image_resizer{display:flex;flex-direction:row;margin-left:auto;margin-right:auto;width:90%}.resizeSettingsContainer{display:flex;width:100%}.resizeSettingsContainer input{height:100%;width:80%}.resizeSettingsContainer input ::-webkit-inner-spin-button,.resizeSettingsContainer input ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.resizeSettingsContainer input[type=number]{-moz-appearance:textfield}.resizeSettingsContainer div{height:100%;width:20%}.resizeSettingsContainer p{line-height:150%;margin:0;text-align:right}.toolbox_selected{background-color:pink}#image_renamer{margin-left:auto;margin-right:auto;width:90%}#image_renamer div p{margin-bottom:0}#name_input{width:100%}.side_panel{position:relative}.side_panel h2,.side_panel p{margin:0;text-align:center}#side_animation{height:auto;left:calc(100% - 300px);width:300px}.animation_setting{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:40%}#side_animation div input{width:50%}#animation_frames{margin-left:auto;margin-right:auto;position:relative;width:20%}#side_tiling{left:calc(100% - 150px);width:150px}#side_tiling select{width:100%}#animation_container{margin-top:10px;position:absolute;width:100%}#canvas_animation{-ms-interpolation-mode:nearest-neighbor;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURf///7+/v6NDdjkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAUSURBVBjTYwABQSCglEENMxgYGAAynwRB8BEAgQAAAABJRU5ErkJggg==);image-rendering:-moz-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;width:100%}footer{background-color:#ff49a4;width:100%}footer a{color:#fdfdfd}.footer_wrap{bottom:0;height:50px;left:0;margin:0;position:absolute;right:0;z-index:2}.footer_wrap h2{text-align:center}.footer_nav{align-items:center;display:flex;font-size:1.5em;justify-content:center;width:100vw}.footer_item{text-align:center;width:30%}@media screen and (max-width:768px){.footer_nav{display:flex;flex-wrap:wrap;justify-content:center}.footer_item{color:#fdfdfd;text-align:center;width:100%}.footer_nav ul{display:flex;justify-content:center;list-style-type:none;padding:0}.footer_nav ul li a{margin-left:.7em}}.footer_nav ul{display:flex;list-style-type:none;padding:0;text-align:center}.footer_nav ul li{margin-left:2em}.fa-twitter:hover{color:#00b6f1;transition:all .1s ease-out .1s}.fa-instagram:hover{color:#c32aa3;transition:all .1s ease-out .1s}.fa-pinterest:hover{color:#cb2027;transition:all .1s ease-out .1s}.fa-facebook:hover{color:#3b5998;transition:all .1s ease-out .1s}p.footer_item{color:#fdfdfd;font-size:.7em;font-weight:300;margin-right:1em}.footer_link:hover{border-radius:4px;color:#d3d3d3;transition:all .2s ease-out}.galleryContainer{background-color:#fdfdfd;border-radius:7px;height:calc(100% - 100px);margin:0 auto;overflow-x:hidden;width:100%}.galleryContainer h1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;width:100%}.pagination{margin-bottom:1em;text-align:center}.pagination label{color:#2f2f2f;font-size:.85em;font-weight:300;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;text-align:center}.pagination select{border:1px solid #d2d3d3;border-radius:50%;font-size:.85em;height:35px;margin:0 .5em;text-align:center;width:35px}.nk_gallery_wrap{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:90%}.nk_gallery_wrap figure{background-color:#fdfdfd;border-radius:4px;height:300px;margin-bottom:1em;overflow:hidden;padding:.45em;width:25%}@media screen and (max-width:768px){.nk_gallery_wrap figure{width:100%}}.nk_gallery_wrap figure img{-ms-interpolation-mode:nearest-neighbor;display:block;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;max-height:75%;min-width:100%;object-fit:contain;width:100%}.nk_gallery_wrap button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.nk_gallery_wrap figcaption{color:rgba(46,46,46,.49);font-size:.75em;font-weight:400;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:1em auto;text-align:center;text-transform:capitalize;width:70%}.nk_gallery_wrap figcaption a{color:#ff49a4;font-size:.95em;font-weight:300}.nk_gallery_wrap figcaption:before{color:rgba(46,46,46,.49);content:"\f303";font-family:Font Awesome\ 5 Free!important;font-size:1em;font-weight:900;margin-right:1em}.form_wrap{background-color:#fafafa;border-radius:5px;display:flex;flex-direction:column;margin:0 auto;padding:.5em;position:relative;top:20vh;width:30vw}.form_item,.form_wrap{border:1px solid #f0f0f0}.form_item{background-color:#efefef;border-radius:3px;font-family:Work Sans,sans-serif;font-size:.85em;font-weight:300;height:2em;margin-bottom:.55em;padding:.3em}.login_btn{background-color:#ff49a4;color:#fdfdfd;height:3em;margin-bottom:.5em}.signin_btn{font-weight:200;height:3em}.login_btn:hover,.signin_btn:hover{cursor:pointer}@media screen and (max-width:768px){.form_wrap{margin:0 auto;width:90vw}}.profileContainer{display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;width:100%}.profileContainer h1{width:100%}.profileData{display:flex;flex-direction:row;height:15vh;padding:10px;width:100%}.profileData img{-ms-interpolation-mode:nearest-neighbor;height:50px;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;object-fit:contain;width:50px}.userGallery{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.userGallery h2{width:100%}.userImages{width:30%}.settings_wrap article{align-items:center;border-radius:3px;display:flex;flex-direction:column;margin:0 auto;padding:1em;width:60vw}.settings_wrap label{font-weight:400;text-transform:capitalize}.settings_wrap figure{margin-bottom:em}.settings_wrap form{margin-top:2em}.settings_wrap input{background-color:#efefef;border:1px solid #f0f0f0;border-radius:3px;font-family:Work Sans,sans-serif;font-size:.85em;font-weight:300;height:2em;margin-bottom:.55em;padding:.3em}.settings_wrap button{background-color:#ff49a4;color:#fdfdfd;cursor:pointer;font-size:.85em;font-weight:300;height:2em;margin-bottom:.5em}.settings_wrap figcaption{font-family:Work Sans,sans-serif;font-size:.7em;font-weight:300}.settingsTitle{width:99%}.deleteUser,.settingsTitle{text-align:center}.teamContainer{display:flex;flex-wrap:wrap;justify-content:space-around;margin:1em auto;width:80%}.teamMember{padding-bottom:20px;width:50%}.teamMember a{color:#2f2f2f}.teamMember a:hover{border-radius:4px;color:#d3d3d3;transition:all .2s ease-out}.member_name{font-size:1.1em;font-weight:600}.bio span,.prjct_work span{font-size:.95em;font-weight:600}.bio,.prjct_work{font-size:.95em;font-weight:300}.teamMember p{margin:.7em}@media screen and (max-width:768px){.teamMember{width:100%}}body{font-family:sans-serif;margin:0;overflow:hidden;padding:0}
/*# sourceMappingURL=main.ffb5ddbf.css.map*/