html,body,section,article,h1,h2,p,strong,em,a{margin:0;border:0;padding:0;outline:0;box-sizing:inherit;font:inherit;text-decoration:inherit;text-align:inherit;color:#3a1818;background:transparent;font-family:'Rubik', sans-serif}body{background-color:#fcf6df;align-items:center;display:flex;flex-direction:column}.hed-container{display:flex;justify-content:space-between;width:100%}.hed{padding-top:10px;font-family:'Rubik', sans-serif;font-size:38px;font-weight:600;color:#3a1818;padding-left:15px}.subhed{font-family:'Rubik', sans-serif;font-size:24px;color:#3a1818;padding-top:2px;padding-left:35px;display:flex;justify-content:space-between;width:100%}.bean-img{height:45px;padding-top:10px;padding-left:5px;transform:rotate(55deg);position:fixed;right:5px;z-index:100}.cup-container{display:flex}.cup-img{padding-left:540px;height:190px}.directions-cont{display:flex;align-items:center;justify-content:center;margin-top:10px}#open-modal-icon{cursor:pointer;margin-top:5px;margin-bottom:5px;margin-left:55px;padding-top:8px;padding-bottom:8px;padding-left:13px;padding-right:13px;border-radius:10px;color:#FFFFFF;background-color:rgba(58,24,24,0.9)}#open-modal-icon:hover{color:#FFFFFF;background-color:#c6978e}#target-num-form{font-size:18px;margin-right:3px;margin-left:25px}.target-num-label{margin-right:5px;padding-top:7px}#user-target-num{margin-right:5px;font-size:15px;color:#3a1818;border:1px solid #3a1818;border-radius:8px;width:23px;opacity:0.9;text-align:center;padding:3px}#user-target-num:focus{outline-width:0}#submit-button{border:0;color:white;background-color:#c6978e;padding:8px;border-radius:10px;font-weight:700;cursor:pointer}#submit-button:hover{background-color:#3a1818;opacity:0.8}#submit-button:focus{outline-width:0}.outer-cont{display:flex;justify-content:center}#cc-cafe{top:0;left:0;height:67vh;z-index:-99;border:4px solid #3a1818;border-radius:20px;box-shadow:10px 6px 6px #c6978e;margin-top:10px;background-color:#FFFFFF}.instructions-cont{color:#3a1818;width:400px;height:100%;background-color:#FFFFFF;box-shadow:0px 0px 10px #3a1818;text-align:left;margin-top:30px;margin-bottom:20px;margin-right:20px;margin-left:25px;font-size:18px;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1em;line-height:1.5em;background-color:#FFFFFF;border:solid 6px rgba(58,24,24,0.7)}#modal{position:absolute;top:100px;height:100%;width:100%;background-color:#fcf6df;z-index:98}.modal-inner-cont{position:relative;background-color:#FFFFFF;z-index:99;border:10px solid #c6978e;border-radius:15px;padding-top:25px;padding-bottom:25px;padding-right:35px;padding-left:35px;height:auto;width:85%;font-size:17px;margin:auto;-moz-column-count:2;column-count:2;-moz-column-gap:40px;column-gap:40px;-moz-column-fill:balance;column-fill:balance}#close-modal-icon{cursor:pointer;position:absolute;top:10px;right:10px}#close-modal-icon:hover{cursor:pointer;color:rgba(58,24,24,0.7)}.portfolio-cont{display:flex;width:100%;position:fixed;bottom:0px;padding-left:15px;padding-top:10px;padding-bottom:10px;background-color:white;align-items:center}.portfolio-icon{cursor:pointer;font-size:24px;padding:5px}.portfolio-icon:hover{color:#c6978e}.portfolio-icon-byline{cursor:pointer;font-size:12px;margin-left:5px}.portfolio-icon-byline:hover{color:#c6978e}.break{-moz-column-break-after:column;break-after:column}.hyperlink{font-weight:500}.hyperlink:hover{color:#c6978e}@media only screen and (min-width: 1300px){.modal-inner-cont{width:57%;font-size:19px;margin-top:50px}}


/*# sourceMappingURL=main.css.map*/