*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*{justify-content:center;align-items:center;text-align:center;font-family:"Raleway",sans-serif}html,body{scroll-behavior:smooth}body{display:flex;margin:0;color:#000;font-size:1rem;letter-spacing:1px;background-color:#fff}@media(min-width: 992px){body{height:100vh}}.reusable-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media(min-width: 768px){.reusable-container{width:750px}}@media(min-width: 992px){.reusable-container{width:970px}}@media(min-width: 1280px){.reusable-container{width:1280px}}button,input,select{width:100%;border:none;font-size:1.1rem;padding:15px;border-radius:5px;margin-top:10px}#main-image-container{transition:transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)}#main-image-container:hover{-ms-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}#email-input{line-height:20px;justify-content:center;align-items:center;text-align:center}.button-template,#assign-to-email-button,#random-image-button{display:block;justify-content:center;align-items:center;text-align:center}#random-image-button{background-color:#28a745;border:2px solid #23923d;border-radius:5px;line-height:20px;color:#fff;display:inline-block;text-decoration:none}#random-image-button :hover{text-decoration:none}#random-image-button:hover{background-color:#34ce57;border-color:#28a745}#assign-to-email-button{background-color:#007bff;border:2px solid #0062cc;border-radius:5px;line-height:20px;color:#fff;display:inline-block;text-decoration:none}#assign-to-email-button :hover{text-decoration:none}#assign-to-email-button:hover{background-color:#3395ff;border-color:#007bff}button{cursor:pointer;font-weight:400;font-size:1.2rem;transition:all .3s ease-in-out}@media(min-width: 460px){button{font-size:1.5rem}}.invisible{display:none}.visible{display:block}img{max-width:600px;width:100%;border-radius:5px}.email-list,.image-list{display:flex;flex-direction:column;align-items:center}.image-list{border:0px solid #28a745;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px}#random-image{cursor:pointer;transition:transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.image-container{position:relative;display:inline-block;transition:transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);filter:blur(0.5px) saturate(0.9);cursor:pointer}.image-container:hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);filter:blur(0px) saturate(1)}.image-container:hover div.delete-button{display:block}.delete-button{display:none;position:absolute;top:5px;right:5px;background-color:none;line-height:.7rem;color:#fff;padding:5px;cursor:pointer;border-radius:5px;font-family:"Raleway",sans-serif;font-weight:700}.delete-button:hover{background-color:#da5656}#email-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow-x:auto}@media(min-width: 992px){#email-list{flex-direction:row;max-width:400px;max-height:592px}}@media(min-width: 1280px){#email-list{max-width:800px}}.email-list-item{max-width:400px;margin-top:10px;padding:10px;position:relative;overflow-y:auto;border:none;border-radius:5px}@media(min-width: 992px){.email-list-item{margin-top:0px;min-width:400px;min-height:575px;max-height:575px}}.email-list-item:hover .remove-email{display:inline-block}.email-list-item-title{font-size:1rem;font-weight:600;margin-bottom:10px;cursor:pointer;margin-left:auto;margin-right:auto;width:calc(100% - 30px);font-family:"Raleway",sans-serif;transition:all .3s ease-in-out;color:gray;line-height:1.2em;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;display:inline-block}@media(min-width: 460px){.email-list-item-title{font-size:1.3rem}}.email-list-item-title:hover{color:#000}.remove-email{display:none;position:absolute;background-color:none;line-height:.7rem;color:gray;right:5px;top:5px;padding:5px;cursor:pointer;border-radius:5px;font-family:"Raleway",sans-serif;font-weight:700}.remove-email:hover{color:#fff;background-color:#da5656}#container{margin:10px auto;padding:20px;border:5px solid rgba(255,255,255,.5);text-align:center;background-color:#d3d3d3;border-radius:10px;height:100%;display:flex;align-items:flex-start;flex-direction:column}@media(min-width: 992px){#container{height:auto;margin-top:auto;margin-bottom:auto;flex-direction:row}}#current-image{min-width:200px;max-width:400px}@media(min-width: 992px){#current-image{width:400px;min-width:400px}}@media(min-width: 992px){#assigned-images:has(#email-list>li){padding-left:20px}}.hidden{display:none}/*# sourceMappingURL=styles.css.map */