@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.mb-page-grid-container{display:grid;grid-template-columns:auto auto}.moodboard-namer{display:flex;flex-direction:row;margin-left:20vw;margin-top:70px}.moodboard-namer h1{font-size:large}.edit-name{background-color:#f8e8f7;border-radius:2%;box-shadow:0 0 3px 0 rgba(45,45,45,.25),inset 1px 1px 3px 0 rgba(45,45,45,.25);color:blue;font-weight:600;height:50px;letter-spacing:3px;margin-bottom:30px;padding:5px;width:200px}.edit-name:hover{cursor:pointer}.while-editing-name{height:50px;width:250px}form{display:flex;flex-direction:column}.edit-name-btn{background-color:#8a2be2;border-radius:10px;color:#fff;height:30px;margin-left:22px;max-width:210px}.displayArea{background-color:#d4d4d4;height:75vh;justify-self:flex-start;margin:20px 20px 20px 5%;position:relative;width:60vw}.displayArea img{max-height:100%;object-fit:cover}.displayArea img,div.mb-image{margin:auto;max-height:24%;max-width:50%;overflow:hidden}div.mb-image{position:absolute}p{cursor:grab}.selected-image{border:5px solid blue}.selected-text{border:1px solid green}.popup{align-items:center;background-color:hsla(0,0%,50%,.326);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-inner{background-color:#fff;height:500px;max-width:640px;padding:32px;position:relative;width:100%}.popup-inner .close-btn{background-color:blue;border-radius:5px;color:#fff;height:30px;position:absolute;right:11px;top:11px;transition:.4s;width:30px}.popup-inner .close-btn:hover{background-color:#0101bf}.img-grid-cont{border:1px solid red;height:85%;overflow:scroll}.image-modal-grid{grid-column-gap:30px;grid-row-gap:30px;-webkit-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:30px;width:100%}.image-modal-item,.image-modal-sample-image{max-height:170px;max-width:170px}.image-modal-sample-image{aspect-ratio:1/1;object-fit:cover}.image-select-checkbox,.side-panel{display:flex}.side-panel{border:1px solid red;flex-direction:column;justify-content:flex-start;margin-right:100px;margin-top:50px;max-width:30vw}h2{color:#8a2be2}h3{color:#3c24c6}.image-menu{margin-left:20px;text-align:left}.side-panel button{background-color:#c283fc;border:none;border-radius:20px;box-shadow:inset 0 5px 5px 0 #9ea0fe,inset 0 10px 6px 0 #b18dff,inset 0 15px 6px 0 #b389fb,0 1px 5px 0 rgba(0,0,0,.3);color:#fff;font-weight:600;padding:12px 20px}.side-panel button:hover{background-color:#fff;border:2px solid #8a2be2;box-shadow:0 1px 1px 0 rgba(0,0,0,.3);color:#8a2be2;cursor:pointer}.position-btn{margin:10px;width:110px}.crop-btn{margin:10px;width:200px}body{background-color:#fcfcfc;font-family:Red Hat Display,sans-serif;font-weight:800;letter-spacing:-.02em;margin:0;padding:0}.container{align-items:center;display:flex;height:100%;justify-content:flex-end;margin:0 auto;max-width:1100px;padding:0 15px}.navbar{background-color:#000;box-shadow:0 .5px 3px 0 rgb(0,0,0,.5),0 0 5px 0 rgb(0,0,0,.25);color:#c790fa;height:60px;position:relative;position:fixed;top:0;width:100%;z-index:5}.logo-container{left:3vw;padding:8px;position:fixed}.logo{-webkit-text-fill-color:transparent;-webkit-animation:gradient 30s linear infinite;animation:gradient 30s linear infinite;background:-webkit-linear-gradient(blue,#8a2be2,#fb77c0);-webkit-background-clip:text;color:#8a2be2;font-family:Poppins,sans-serif;font-family:Raleway,sans-serif;font-family:Red Hat Display,sans-serif;font-size:xx-large;font-weight:800}@-webkit-keyframes gradient{0%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(blue,#8a2be2,#fb77c0);-webkit-background-clip:text}25%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(blue,#8a2be2,#8a2be2,#fb77c0);-webkit-background-clip:text}40%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#8a2be2,#fb77c0,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}50%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#8a2be2,#fb77c0,#8a2be2,blue,blue);-webkit-background-clip:text}60%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#cd82d7,#fb77c0,#cd82d7,#8a2be2,blue);-webkit-background-clip:text}80%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#fb77c0,#cd82d7,#8a2be3,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}90%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#fb77c0,#ff2e66,#cd82d7,#8a2be2,#8a2be2,blue,#8a2be2);-webkit-background-clip:text}to{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#fb77c0,#cd82d7,#8a2be2,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}}@keyframes gradient{0%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(blue,#8a2be2,#fb77c0);-webkit-background-clip:text}25%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(blue,#8a2be2,#8a2be2,#fb77c0);-webkit-background-clip:text}40%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#8a2be2,#fb77c0,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}50%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#8a2be2,#fb77c0,#8a2be2,blue,blue);-webkit-background-clip:text}60%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#cd82d7,#fb77c0,#cd82d7,#8a2be2,blue);-webkit-background-clip:text}80%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#8a2be2,#fb77c0,#cd82d7,#8a2be3,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}90%{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#fb77c0,#ff2e66,#cd82d7,#8a2be2,#8a2be2,blue,#8a2be2);-webkit-background-clip:text}to{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#fb77c0,#cd82d7,#8a2be2,#8a2be2,blue,blue,#8a2be2);-webkit-background-clip:text}}.logo-container img{height:60%;width:auto}.menu-icon{display:none}.nav-elements ul{display:flex;justify-content:space-between;list-style-type:none}.nav-elements ul li:not(:last-child){margin-right:60px}.nav-elements ul a{color:#c790fa;font-size:16px;font-weight:600;text-decoration:none}.nav-elements ul a.active{font-weight:800;position:relative}.nav-elements ul a.active:after{background-color:#000;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:768px){.nav-elements ul li:not(:last-child){margin-right:30px}}@media (max-width:600px){.menu-icon{cursor:pointer;display:block}.nav-elements{background-color:#fefefe;border-left:.01em solid gray;height:calc(100vh - 60px);overflow:hidden;position:absolute;right:0;top:60px;transition:all .3s ease-in;width:0}.nav-elements.active{width:270px}.nav-elements ul{display:flex;flex-direction:column}.nav-elements ul li{margin-right:0;margin-top:22px}}.footer{align-self:flex-end;background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:column;flex-shrink:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:0;margin-top:30vh;padding:40px 0 0;right:0;width:100vw}.footer-content{flex-direction:column;margin:0;padding:0}.footer-content,.footer-icon-links-container{align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;text-align:center;width:100%}.footer-icon-links-container{flex-direction:row}.footer-icon-links{color:#fff;font-size:xx-large;padding-left:3rem;padding-right:3rem}.footer-copyright{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.footer-copyright-message{padding:15vh 0 0 3vw;position:relative;text-align:left}.login-sign-up{align-items:center;background-color:#e8e8e8;display:flex;flex-direction:column;height:100vh;justify-content:flex-start}.login-form-toggle-container{display:flex;height:4em;justify-content:space-between;margin-bottom:1em;padding:0;width:18em}.login-toggle-btn{background-color:#f8e8f7;border:none;box-shadow:inset 0 0 1px 0 rgba(45,45,45,.25),inset -1.5px -1.5px 1.5px 0 rgba(45,45,45,.05);height:5em;margin:0;padding-left:1em;padding-right:8em}.active-toggle{box-shadow:none;z-index:2}.active-toggle,.form-container{background-color:#fafafa;border-radius:2%}.form-container{border-top-left-radius:0;box-shadow:0 0 1px 0 rgba(45,45,45,.25),1.5px 1.5px 1.5px 0 rgba(45,45,45,.25);margin:10em auto 0;width:18em}form{padding:2em}label{border-radius:2%;width:100%}input{background-color:#f8e8f7;border:none;border-radius:2%;box-shadow:0 0 3px 0 rgba(45,45,45,.25),inset 1px 1px 3px 0 rgba(45,45,45,.25);max-width:80%}.form-field{padding:1em}.form-button{background-color:#fc7096;border:3px solid #ff2e66;border-left:none;border-radius:10%;border-top:none;box-shadow:0 0 3px 0 rgba(45,45,45,.25),1px 1px 3px 0 rgba(45,45,45,.25);justify-items:center;padding:1em}
/*# sourceMappingURL=main.fdc8d9de.css.map*/