@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Rubik",sans-serif}button{cursor:pointer}.App{background:#fdf7db;text-align:center;min-height:100vh}.PaleteContainer-header{display:flex;justify-content:space-between;padding:20px}.PaleteContainer-names{width:40%}.palette-name,.project-name{background:#f4f4f4;border:none;border-radius:5px;font-family:"Rubik",sans-serif;font-weight:500;margin:0;padding:10px;text-align:left;width:100%}.palette-name:focus,.project-name:focus{background:#ededed;outline:none}.project-name{font-size:30px}.palette-name{font-size:26px}.icon-container{display:flex;justify-content:center;padding-top:10px}.randomize-icon{cursor:pointer;height:50px;margin:10px;width:50px}.randomize-icon:active{opacity:.5}.PaletteContainer-section{display:flex;justify-content:space-around}.login-signup-message{font-size:1.5em}.login-signup-message a{font-size:1.6em;text-decoration:none;color:#000;text-decoration:underline;margin:0 7px}.palette-form .update-palette-div{margin:15px auto;width:40%;justify-content:space-between}.palette-form .update-palette-div h4{font-size:2em}.palette-form .update-palette-div .update-palette-buttons{display:flex;justify-content:space-between}.palette-form .update-palette-div span{font-weight:400}.palette-form button{background:#fdf7db;border:1px solid purple;border-radius:5px;font-size:1.5em;margin:10 10px;height:40px;width:40%}.palette-form button:hover{color:#fff;background:purple}.palette-form .create-palette-button{border:1px solid red;color:maroon}.palette-form .create-palette-button:hover{background:red;color:#fff;border:#fff}.palette-form .message{display:flex;align-items:center;flex-direction:column;justify-content:center;height:50%}.palette-form .message h5{color:purple;font-size:1.5em;margin-bottom:20px}.palette-form .message button{background:purple;color:#fff}.palette-form .message button:hover{background:#fff;color:purple}.editor-form{width:40%;margin:0 auto;padding:0}.editor-form .project-editor-div{display:flex}.editor-form label{font-size:1.3em}.editor-form input{font-size:1.2em;background:#fdf7db;border-bottom:1px solid purple}.editor-form input::-webkit-input-placeholder{color:rgba(128,0,128,.6)}.editor-form input:-ms-input-placeholder{color:rgba(128,0,128,.6)}.editor-form input::-ms-input-placeholder{color:rgba(128,0,128,.6)}.editor-form input::placeholder{color:rgba(128,0,128,.6)}.editor-form select{background:#fdf7db;border:1px solid purple;border-radius:5px;font-size:1.3em;margin-right:10px}.ColorCard{width:20%;max-height:25em}.color,.ColorCard{display:flex;flex-direction:column}.color{position:relative;justify-content:space-between;height:30vh;padding:20px}.lock{cursor:pointer;background-color:hsla(0,0%,95.7%,.3);border-radius:5px;height:50px;margin:0 auto;width:50px}.hex{bottom:0;color:#f5f5f5;font-size:20px;font-weight:500;left:50%;position:absolute;text-shadow:.5px .5px #717171;text-transform:uppercase;transform:translate(-50%)}.picker-container{display:flex;justify-content:center;margin-top:5px;width:100%;min-height:11.5em}.color-picker{width:90%}div .ProjectContainer{top:50%;height:90vh;width:100vw;transition:.3s ease-in-out;background:#fff3bf;margin:20px auto;padding-top:10px;overflow:hidden;min-width:90vw}div .ProjectContainer button{border:1px solid purple;border-radius:5px;height:60px;font-size:1.5em;width:20%;margin:20px auto;background:#fdf7db}div .ProjectContainer button:hover{color:#fff;background:purple}div .ProjectContainer .no-project-button{background:purple;color:#fff3bf;width:150px}div .ProjectContainer .no-project-button:hover{background:#fff3bf;color:purple}.add-project-container{align-items:center;background:#f4f4f4;cursor:pointer;display:flex;height:100px;justify-content:center;margin:10px auto}.add-project-container:hover{background:#c2c2c2}.add-project-icon{height:50px;margin:10px;width:50px}.no-projects{color:purple;font-size:2em;margin:10px auto}.explanation{color:purple;font-size:1.5em}.ProjectCard{flex-wrap:nowrap;height:100%;margin:auto;overflow-x:auto;width:90%}.project-div,.ProjectCard{align-items:center;display:flex}.project-div{flex-direction:column;min-width:180px}.project-div h3{font-size:1.3em}.project-div .delete-project{background:#fdf7db;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:1.15em;height:50px;margin:10px 0;min-width:170px}.project-div .delete-project:hover{background:red;border:2px solid #fff;color:#fff}.add-palette-container{align-items:center;border:2px solid #000;cursor:pointer;display:flex;justify-content:center;margin-left:20px}.add-palette-container:hover{background:#c2c2c2}.add-palette-container:active{background:#b1b1b1}.add-palette-icon{height:50px;width:50px}.PaletteCard-div{margin-left:20px}.PaletteCard{border:2px solid #000;display:flex;flex:0 0 auto;height:150px;width:200px}.paletteCard-header{margin-bottom:5px}.colors-div{display:flex;height:150px;width:150px}.colorblocks{height:100%;width:20%}.palette-buttons-div{display:flex;justify-content:space-between;padding:0 15px}.palette-buttons-div .palette-button{border:none;border-radius:5px;cursor:pointer;height:50px;margin-top:10px;padding:0;opacity:.6;width:50px}.palette-buttons-div .palette-button:hover{background:#fdf7db;color:#000;opacity:1}.palette-buttons-div .palette-button:disabled{cursor:not-allowed;opacity:1%}.palette-buttons-div .palette-button:disabled:hover{opacity:1%}.palette-buttons-div .palette-button .delete-icon,.palette-buttons-div .palette-button .edit-icon{height:100%;width:100%}.palette-buttons-div .palette-button .delete-icon:disabled,.palette-buttons-div .palette-button .edit-icon:disabled{cursor:not-allowed}.form-label-input-div{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin-top:30px;width:60%}.form-label-input-div label{font-size:1.2em}.form-label-input-div input{border-bottom:1px solid rgba(0,0,0,.7);margin-top:5px;font-size:1.2em}.form-label-input-div input:focus{border-bottom:2px solid #000}.user-button{background:#fff;border:2px solid #000;border-radius:5px}.user-button:hover{color:#fff;background:#000}.input-error{border:1px solid red}.form-label-input-div{height:60px;margin-top:20px}.form-label-input-div input{height:100%;width:100%}button{font-size:24px;margin-top:20px;height:50px;width:33%}.modal-backdrop{background:#bfbfbf;width:100vw;height:110vh;background-position:top;background-size:cover;opacity:.9;object-fit:cover;z-index:1}.modal-backdrop,.modal-div{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.modal-div{z-index:100;display:flex;flex-direction:column;background-color:#fff;border-radius:6px 6px 4px 4px;border:none;box-shadow:0 2px 10px rgba(0,0,0,.301);min-width:20rem;max-width:60rem;width:500px;height:600px}.modal-div li{width:250px;list-style-type:none;text-align:center;font-size:30px;font-weight:500;padding:10px 0}.modal-div ul{width:100%;border-radius:4px 4px 0 0}.modal-link{text-decoration:none;border-radius:4px 4px 0 0;color:#fff;transition:.15s}.modal-link:hover{background:#000;transition:.2s}.active{color:#1b1b1b;border-radius:4px 4px 0 0}.active,.active:hover{background:#fff}.tabs{background:#292929;justify-content:space-evenly;padding:0;margin:0}.tabs,form{display:flex;width:100%}form{align-items:center;justify-content:space-between;flex-direction:column;padding-top:20px}form input{border:none}.error-message{color:red}nav{border-bottom:2px solid grey;display:flex;justify-content:space-between;align-items:center;max-height:-webkit-min-content;max-height:-moz-min-content;max-height:min-content;padding:5px 20px}nav .logo-link{height:50px;color:#000;text-decoration:none;margin:0}nav .logo{width:45px;display:inline-block}nav .header-logo{margin:0 -2px 0 0}nav .header-logo span{margin-left:-15px}nav .header-logo .header-span{margin-right:5px}nav .login-link{border-left:1px solid grey;font-size:1.2em;color:#000;padding:10px 10px 10px 20px;text-decoration:none}nav .login-link:hover{opacity:.5}nav .display-username{font-size:1.1em;margin:0}nav button{border:1px solid purple;border-radius:5px;height:30px;font-size:1.2em;width:10%;margin:0;background:#fdf7db}nav button:hover{color:#fff;background:purple}
/*# sourceMappingURL=main.e8eb0296.chunk.css.map */