@import url(https://fonts.googleapis.com/css2?family=Odibee+Sans&family=Montserrat&family=Stint+Ultra+Condensed&&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{background:#ff5f6d;background:linear-gradient(90deg,#ffc371,#ff5f6d)}.App{max-width:90vw;text-align:center}.App,header{margin:0 auto}header{max-width:769px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:2rem 1rem}.githubBtn img,header img{max-width:30px}h1{font-family:"Odibee Sans",cursive;color:#312f2f;font-size:2rem;letter-spacing:.01em;text-align:center}.githubBtn{background:transparent;border:none;cursor:pointer}.addBtn{padding:.8rem;font-size:1rem;background-color:#ff5f6d;border:transparent;border-radius:5px;color:#fff;margin:2rem 0;cursor:pointer}.addBtn,.addSnapArea{font-family:montserrat}.addSnapArea{display:grid;place-items:center;padding:3rem}.addBtn:hover{background-color:#ffc371;color:#000}.hideView{display:none}.uploadImage{max-width:100%}section{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:rgba(63,63,63,.6)}.popupDiv{max-width:300px;border-radius:20px;box-shadow:0 0 15px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.75);text-align:center;margin:0 auto;padding:1.5rem;font-family:montserrat;color:#f7f7f7;background-color:#312f2f}.popupDiv p{font-size:large;padding-bottom:5px}.dropZone{border:2px dashed rgba(246,248,251,.3568627450980392);margin:1rem;padding:.5rem}input[type=file]{display:none}.chooseFile{padding:.5rem;background-color:#ffc371;border:transparent;border-radius:5px;font-family:montserrat;cursor:pointer;color:#000}.chooseFile:hover{background-color:#ff5f6d}.closeBtn{float:right;cursor:pointer}.progressBar{height:10px;background-color:#ff5f6d;margin-top:15px}.imageGrid{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.2rem;gap:.2rem;padding-top:1rem}.imageGrid img{width:100%;height:100%;border-radius:5px;object-fit:cover}.imageWrap{grid-gap:.5rem;gap:.5rem}.uploadBtn{margin-top:1rem;font-family:montserrat;border-radius:5px;font-size:xx-small;border:transparent;cursor:pointer}figure{margin-top:1.5rem}figure img{max-width:100%;box-shadow:0 0 100px #fff12f;border-radius:5px}.snapbookBtn{background-color:rgba(7,7,7,.822);color:#fff;font-size:large}.addMoreBtn,.snapbookBtn{padding:.5rem;border-radius:5px;border:transparent;cursor:pointer}.addMoreBtn{background-color:#ffc371;color:#000}footer{position:fixed;padding:.5rem;font-family:montserrat;font-size:x-small;left:0;bottom:0;width:100%;background-color:rgba(5,5,5,.06666666666666667)}
/*# sourceMappingURL=main.0310bab3.chunk.css.map */