body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;padding:0;font-family:Georgia,serif;display:grid;grid-template-areas:"sidebar header" "sidebar main";grid-template-columns:.5fr 2.3fr;grid-template-rows:150px 1fr;min-height:130vh;text-align:center;background-color:#2c2929}.App__nav{background-color:#aaa;color:#fff;grid-area:sidebar;height:calc(110vh - 150px);overflow:auto}.App_header{color:#bdbdbd;font-family:Georgia,serif;grid-area:header;font-size:2em;text-align:center;min-height:100vh;background-color:#2c2929}.fas.fa-palette{color:#976a16;padding-right:20px}.parent-header{font-size:2em;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;text-shadow:3px 5px 5px #000}.letter{padding:0 2px}.red{color:red}.orange{color:orange}.yellow{color:#ff0}.green{color:#08aa08}.blue{color:#3785ec}.purple{color:#b448fb}.App__main{grid-area:main;background-color:#fff;width:100%;text-align:center;min-height:130vh}ul{list-style:none}@media screen and (max-width:850px){.App{margin:0 auto;padding:0;font-family:Georgia,serif;display:grid;grid-template-areas:"header" "sidbar" "main";grid-template-columns:1fr;grid-template-rows:130px 1fr;min-height:0;height:0;text-align:center}.App__main{overflow-x:hidden;width:100%}.App_header{min-height:40vh}}.studio{text-align:center;display:flex;flex-direction:column}.studio-header{font-size:40px}.fas.fa-paint-brush{font-size:30px}.saved-canvas{margin:1% auto}.loaded-canvas,.saved-canvas{border:3px solid #000;text-align:center}.loaded-canvas{margin:0 auto}.color-picker-container{margin:1% 2%;text-align:center;align-self:flex-start}.add-button{padding:1% 2%;margin:1%;font-size:25px}.tool-button{padding:.5% .75%;font-size:25px}#error-studio-message{color:red}.brush-size-container,.gallery-select-container,.title-container{padding:.3%}.brush-size-container{margin-bottom:2px}.select-label{font-size:25px}#art-gallery-select{margin:1%;font-size:25px}#art-title-input{font-size:25px;border:1px solid #000}.brush-label,.title-label{padding:0 1%}.title-label{font-size:25px}.gallery-page{margin:150px 0 0;min-height:130vh;text-align:center;background-color:#c39e6e;border-right:2px solid #000}.gallery-list,.gallery-page{list-style-type:none;padding:0}.gallery-list{margin:20px 0}#error-message{font-size:1.2em;color:#8b0000}.gallery-list-names:first-of-type{background-color:red}.gallery-list-names:nth-of-type(2){background-color:orange}.gallery-list-names:nth-of-type(3){background-color:#ff0}.gallery-list-names:nth-of-type(4){background-color:#0a970a}.gallery-list-names:nth-of-type(5){background-color:#50a0fb}.gallery-list-names:nth-of-type(6){background-color:#dd28dd}.gallery-list-names:nth-of-type(7){background-color:pink}.button{padding:12px 8px;margin:0 5px 5px;border-radius:10%;border:1px solid grey;font-size:1.2em;align-self:center}.top-buttons{margin-top:10px;display:flex;justify-content:center}.buttons-container{display:flex;flex-direction:column;justify-content:space-evenly;align-content:center}.logout-container{display:flex;justify-content:center;align-content:center;padding-top:5px;padding-right:10px}@media screen and (max-width:850px){.gallery-page{list-style-type:none;margin:120px 0 0;min-height:30vh;padding-top:20vh;border:1px solid #000;overflow:visible}.gallery-list{list-style-type:none;flex-direction:column;text-align:center}.buttons-container,.gallery-list{display:flex;justify-content:center;align-content:center}.buttons-container{flex-direction:row}.logout-container{padding-top:0;padding-right:0}.top-buttons{margin-top:0}.button{font-size:20px}.button.studio{display:none}}@media screen and (max-width:400px){.gallery-page{margin:120px 0 0;padding-top:7vh}}@media screen and (max-width:320px){.gallery-page{margin:90px 0 0;padding-top:5vh}}*{box-sizing:border-box}.name{color:#000;display:inline-block;font-size:25px;margin:0 0 8px auto;text-decoration:none;font-weight:700}.gallery{border-bottom:2px solid #000;align-content:center;color:#000}.count{margin:0 20px}.gallery-name{display:flex;flex-direction:column;justify-content:center;align-content:center;margin:0 0 8px;padding:15px 20px;overflow:auto;font-size:20px}.delete{margin:0 0 8px auto;font-size:1em}@media screen and (max-width:850px){.gallery,.gallery-name{display:flex;justify-content:center;align-content:center}.gallery-name{flex-direction:row;margin:0 0 8px;overflow:auto;text-align:center}.delete{justify-self:flex-end;margin:0 0 8px auto;font-size:20px}}#gallery-name-input{padding:5px;margin:20px 5px}.gallery-label{font-size:22px;margin:20px}#gallery-form{padding-top:50px}.delete-button{margin-top:20px;font-size:1.3em}.artpiece{text-decoration:none}.artpiece,.artpiece-title{color:#000}.artpiece-uploaded{font-size:1.3em}@media screen and (max-width:500px){.artpiece-title{font-size:1.7em}.artpiece-uploaded{font-size:1.2em}}.artwork-list{list-style:none;margin:50px auto;color:#000;text-decoration:none;padding:0 50px}.artwork-header{margin-top:0}.artwork-page{margin:0 auto;padding:0;font-family:Georgia,serif;text-align:center;height:110px}img{background:#fff;border:3px solid #000;width:100%;height:auto}.image-container{padding-top:3%;height:350px;width:550px;margin:0 auto}@media screen and (max-width:500px){.image-container{padding-top:3%;height:250px;width:250px;margin:0 auto}}.landing-page{margin:0 200px;padding-top:30px}p{font-size:1.5em}h2{font-size:2em}.landing-image{height:auto;width:100%}.landing-image-container{width:50vh;margin:30px auto 0}.bottom-section{margin:50px 20px}.link-size,.sample-user{font-size:1.4em}@media screen and (max-width:850px){.landing-page{padding-top:0;margin:0 10px;text-align:column}.landing-image-container{width:40vh;margin:0 auto}.bottom-section{margin:50px 0}p{font-size:1.4em}h2{font-size:1.7em}}#password,#username{margin:8px;padding:1px;font-size:1.5em;border:1px solid #000}.login-flex{align-items:flex-start;padding:1% 5%}.login-flex,.login-form{display:flex;flex-direction:column}.login-form{justify-content:center;align-items:center;padding:2% 0 1%}.login-password,.login-user{margin-right:5px;font-size:1.5em;margin-bottom:5px}.login-button-back{font-size:1.2em;border-radius:30%}.login-button{font-size:1.5em;margin-top:5px;margin-bottom:10px}.login-page{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:420px){#password,#username{margin:0;padding:1px;font-size:1em;border:1px solid #000}.login-button-back,.login-password,.login-user{font-size:1.2em}.login-button{font-size:1.3em;margin-top:7px}.error-message{font-size:.8em}}.signup-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2% 0 1%}legend{font-size:1.7em;margin-bottom:2%}.reg-flex{align-items:flex-start;padding:1% 5%}.reg-flex,.register-page{display:flex;flex-direction:column}.register-page{text-align:center;justify-content:center;align-items:center}#reg-email,#reg-first-name,#reg-last-name,#reg-password,#reg-username{margin:5px;padding:1px;font-size:1.5em;border:1px solid #000}.error-message{color:red}.reg-label{margin-right:5px;font-size:1.5em;margin-bottom:5px}.login-link{font-size:1em;display:inline-block;padding:0 2%}.member{font-size:1.5em}.reg-button-back{font-size:1.5em;margin:1% 0;border-radius:30%}.reg-button{font-size:1.5em;margin-top:10px}@media screen and (max-width:850px){.register-page{display:flex;flex-direction:column;overflow:hidden}}@media screen and (max-width:420px){#reg-email,#reg-first-name,#reg-last-name,#reg-password,#reg-username{margin:5px 0;padding:1px;font-size:1em;border:1px solid #000}.reg-label{margin-right:5px;font-size:1.2em}.reg-button{font-size:1.3em;margin-top:10px}legend{font-size:1.4em;margin-bottom:2%}.member{font-size:1.3em}.error-message{font-size:.8em}}.nav-landing-page{margin:150px 0 0;min-height:130vh;text-align:center;background-color:#fff;border-right:3px solid #000;background-color:#2c2929}.sidebar-img{border-right:none;border-left:none}.duck{border-bottom:none}.bug,.duck,.mountain{margin-bottom:-4px}.bug{border-top:none}.box{height:5vh}.red-box{background-color:red}.orange-box{background-color:orange}.yellow-box{background-color:#ff0}.green-box{background-color:#08aa08}.blue-box{background-color:#3785ec}.purple-box{background-color:#b448fb}@media screen and (max-width:850px){.nav-landing-page{display:flex;flex-direction:row;min-height:0;height:30vh;justify-content:center;align-content:center;margin:180px auto 0;overflow:visible;padding:90px 0 200px}.box{display:none}.sidebar-img{width:100%;height:auto}.bug,.duck,.mountain{border:3px solid #000;margin-bottom:0}}@media screen and (max-width:450px){.nav-landing-page{margin:70px auto 0}}@media screen and (max-width:320px){.nav-landing-page{margin:30px 0 0;overflow:visible}}
/*# sourceMappingURL=main.11471d33.chunk.css.map */