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}body{background:#f3e9eb;padding-bottom:100px}header{margin:20px;position:relative;color:#f76c84;font-size:20px}header span{font-size:30px;color:#fff;font-style:italic;font-weight:700}header span:after{background:#f7d372;left:37px;top:-7px}header span:after,header span:before{position:absolute;content:"";height:50px;width:50px;border-radius:200px 44px 30px 20px;z-index:-10;opacity:.8}header span:before{background:#f772bd;left:55px;-webkit-transform:rotate(20deg);transform:rotate(20deg);top:-5px}.sub{display:flex;flex-direction:column;justify-content:center;align-items:center}.sub p{margin-top:-23px}.add{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f772bd;width:30px;height:30px;border-radius:50%;margin:30px auto 10px;transition:all .3s ease-in-out}.add,.add:hover{border:2px solid #f772bd}.add:hover{background:#f772bd;color:#fff}.add label{font-size:20px;padding:10px}.add input{width:0;height:0;margin:0;padding:0}.error,.file{display:flex;flex-direction:column;justify-content:center;align-items:center}.progress{max-width:70%;margin:20px auto;height:5px;background:#f7d372;border-radius:5px}.success{display:flex;flex-direction:column;justify-content:center;align-items:center}.success p{padding:4px 15px;color:green;font-size:10px;border-radius:10px;box-shadow:3px 3px 8px 2px #adadad}.image-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;padding:0 20px;margin-top:200px}.image-grid .image-wrap{position:relative;height:0;overflow:hidden;padding:50% 0}.image-grid .image-wrap img{min-width:100%;min-height:100%;max-height:150%;position:absolute;top:0;left:0}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);height:100%;width:100%}.modal img{max-height:80%;max-width:60%;border:4px solid #fff;box-shadow:3px 3px 8px 2px rgba(0,0,0,.611764705882353)}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}footer p{font-size:15px;font-weight:500}footer p .logo{color:red}footer p .icon-1,footer p .icon-2{font-size:15px;color:#b80202}#about,footer p .icon-2{color:#000}#about{display:flex;flex-direction:column;justify-content:center;align-items:center}.about{padding:20px}.socials{margin-bottom:50px}.socials .social .icon{font-size:30px;margin-right:15px;transition:all .3s ease-in-out;text-decoration:none}.socials .social .icon:hover{opacity:.7;-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media(min-width:688px){.image-grid{margin-top:100px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:40px}.image-grid .image-wrap{height:0;overflow:hidden;padding:50% 0;position:relative}.image-grid .image-wrap img{position:absolute;min-height:100%;min-width:100%;max-height:150%;top:0;left:0}}
/*# sourceMappingURL=main.43c7c209.chunk.css.map */