*{box-sizing:border-box;font-family:sans-serif;font-family:"Poppins", sans-serif}html{margin:0;padding:0}img{margin:0}body{margin:0;padding:0;height:100vh;background-color:#c5d7d8;overflow-y:scroll}.container{margin:0 5%}@media screen and (max-width: 684px){.container{margin:0}}.get-email form{max-width:100%}.get-email form .input-control input{border-radius:5px}.get-email form .input-control.error input{border-color:#ff3860}.get-email form .input-control .error{color:#ff3860;font-size:1rem;height:13px;margin-top:5px;margin-bottom:10px}.get-email form .input-control #email{width:100%;padding:5px 0;padding-left:5px}@media screen and (max-width: 684px){.get-email form .input-control #email{width:100%}}header{width:100%;height:80px;text-align:center;position:relative;padding:2% 0;background-color:#9eaeaf}header h1{margin-top:-1%}header h1 br{display:none}@media screen and (max-width: 684px){header h1 br{display:block}}@media screen and (max-width: 684px){header{height:110px}}footer{width:100%;height:80px;text-align:center;background-color:#9eaeaf;padding:2% 0;position:fixed;left:0;bottom:0}footer .footer-content{margin:-0.5% 0}footer .footer-content p{margin:0;display:inline-block}footer .footer-content br{display:none}@media screen and (max-width: 684px){footer .footer-content br{display:block}}footer .footer-content #visible-xs{display:inline;margin-right:5px}@media screen and (max-width: 684px){footer .footer-content #visible-xs{display:none}}@media screen and (max-width: 684px){footer .footer-content{margin-bottom:-1%}}@media screen and (max-width: 1024px){footer .footer-content{margin:0}}@media screen and (max-width: 1024px){footer{position:relative}}.wrapper{margin:5% auto;display:grid;max-width:1100px;grid-gap:10px;grid-template-columns:auto 500px}.wrapper .image-gen{max-width:500px;border-radius:10px;background-color:#d8e7e7;padding:10px;box-shadow:0 3px 35px rgba(0,0,0,0.1)}.wrapper .image-gen .images img{border-radius:10px;max-width:100%;box-shadow:0 3px 35px rgba(0,0,0,0.1)}@media screen and (max-width: 1024px){.wrapper .image-gen .images img{max-width:100%}}.wrapper .image-gen .submit-btn,.wrapper .image-gen .skip-btn,.wrapper .image-gen .reset-btn{cursor:pointer;padding:10px 20px;border:2px solid #455c5c;background-color:#455c5c;border-radius:10px;color:white;font-weight:600;font-size:1.1rem}.wrapper .image-gen .submit-btn:hover,.wrapper .image-gen .skip-btn:hover,.wrapper .image-gen .reset-btn:hover{border:2px solid #587575;background-color:#587575}.wrapper .image-gen .submit-btn i,.wrapper .image-gen .skip-btn i,.wrapper .image-gen .reset-btn i{margin-left:5px}@media screen and (max-width: 684px){.wrapper .image-gen .submit-btn,.wrapper .image-gen .skip-btn,.wrapper .image-gen .reset-btn{align-self:center;display:block;width:100%;margin:5px 0}}@media screen and (max-width: 1024px){.wrapper .image-gen{max-width:800px}}@media screen and (max-width: 1024px) and (max-width: 684px){.wrapper .image-gen{margin:5px 0}}.wrapper .saved-emails{max-width:500px;max-height:500px;background-color:#d8e7e7;overflow-y:scroll;padding:10px;border-radius:10px;box-shadow:0 3px 35px rgba(0,0,0,0.1)}.wrapper .saved-emails .item{margin:10px 0;border:1px solid white;border-radius:10px;background-color:#9eaeaf}.wrapper .saved-emails .item a{font-size:1.75rem;margin-left:10px;display:block;padding:5px}.wrapper .saved-emails .item a .dropdown{transition:0.3s ease;font-size:1.5rem}@media screen and (max-width: 1024px){.wrapper .saved-emails .item a .dropdown{font-size:1.25rem}}@media screen and (max-width: 684px){.wrapper .saved-emails .item a .dropdown{font-size:1.1rem}}.wrapper .saved-emails .item a .rotate{transform:rotate(90deg)}@media screen and (max-width: 1024px){.wrapper .saved-emails .item a{font-size:1.5rem}}@media screen and (max-width: 684px){.wrapper .saved-emails .item a{font-size:1.25rem}}.wrapper .saved-emails .item .row{padding:10px 5px;overflow-y:scroll;border-radius:10px}.wrapper .saved-emails .item .emailImages img{border-radius:10px;margin:2px 5px}@media screen and (max-width: 1024px){.wrapper .saved-emails{max-width:800px}}@media screen and (max-width: 1024px) and (max-width: 684px){.wrapper .saved-emails{margin:5px 0}}@media screen and (max-width: 1024px){.wrapper{max-width:800px;grid-template-columns:1fr;grid-gap:50px;margin:100px 50px}}@media screen and (max-width: 684px){.wrapper{max-width:90%;grid-template-columns:1fr;grid-gap:50px;margin:25px auto}}