body{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}nav{position:fixed;width:100%;height:50px;z-index:2;top:0}.navList,nav{background:#f5f5f5}.navList{list-style-type:none;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative}.items{font-family:"Brooke";margin-right:20px;font-size:30px;text-transform:uppercase;color:#633818;cursor:pointer}.btn{display:none;position:absolute;right:10px;top:7px;padding:5px;color:#000;font-size:18px}@media screen and (max-width:500px){.navList{-webkit-flex-direction:column;flex-direction:column;height:auto}.items:first-child{margin-top:50px}.items,.items:first-child{border-top:1px solid rgba(163,106,106,.6627450980392157)}.items{width:100%;text-align:center;margin-right:0;padding:20px 0}.btn{display:block;background:none;border:none}}body{margin:0;padding:0}.home-container{background-color:#f5f5f5}.coffee-spotlight{margin-top:20px}.eco-friendly{margin-top:90px}.container{display:inline;width:1000px;-webkit-justify-content:space-between;justify-content:space-between}.container .card{float:left;margin:10px;-webkit-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.container .card .face{width:300px;height:200px;transition:.5s}.container .card .face.face1{position:relative;background:#e2c3a8;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:1;-webkit-transform:translateY(100px);transform:translateY(100px)}.container .card:hover .face.face1{background:#fac562;-webkit-transform:translateY(0);transform:translateY(0)}.container .card .face.face1 .content{opacity:.8;transition:.8s}.container .card:hover .face.face1 .content{opacity:1}.container .card:hover .face.face1 .content h4{margin:10px 0 0;padding:0;color:#795c5c;text-align:center}.container .card .face.face2{position:relative;background:#6b4f4f;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px;box-sizing:border-box;box-shadow:0 20px 50px rgba(0,0,0,.8);-webkit-transform:translateY(-100px);transform:translateY(-100px)}.container .card .face.face2 .content a{margin-top:15px 0 0;color:#0c0b0b;text-decoration:none;display:inline-block;padding:3px}.container .card .face.face2 .content a:hover{color:#f5f5f5}.coffee-collection-container{display:inline;float:left}.coffee-collection-container .singular-card{-webkit-justify-content:center;justify-content:center;float:right;-webkit-align-items:center;align-items:center;width:100%}.coffee-collection{list-style:none}.coffeeStyles{color:#f5f5f5;background-color:rgba(135,75,22,.5215686274509804);border:1px solid #f5f5f5;border-radius:5px;text-align:center;width:200px;margin:6em 3em 3em;padding:15px}.coffeeStyles p{padding:10px}.navList a{text-decoration:none}.navList a,.navList a:visited{color:#655642}.navList a:hover{font-family:"Decomart FF 4F";color:#020202}.nav-logo:hover{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.about-container h1{color:#f5f5f5;margin:5em}.about-blurb h5{text-align:center;font-size:15px}.about-blurb p{font-family:"Offerings";font-size:18px;font-weight:700}.about-blurb p,.singular-index{text-align:center}.singular-index h5{font-size:15px}.singular-index button{background:hsla(0,0%,100%,.39);border:1px solid #fac562;text-align:center;border-radius:15px;font-family:"Decomart FF 4F";font-size:15px;padding:5px;color:#655642;width:110px;height:60px;margin:10px}.singular-index button:hover{font-size:20px;color:#000;font-weight:700;width:150px;height:80px}.coffee-details-img{width:650px;height:450px}.coffee-details-button{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.coffee-details-button,section{display:-webkit-flex;display:flex}section{position:relative;width:100%}section .imgBx{width:50%;height:100%}section .imgBx:before{content:"";background:linear-gradient(225deg,rgba(247,188,148,.6588235294117647),rgba(138,101,71,.6901960784313725));z-index:1;mix-blend-mode:screen}section .imgBx:before,section .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%}section .imgBx img{object-fit:cover}section .contentBx,section .contentBx .formBx{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;float:right;width:50%;height:100%}section .contentBx .formBx{color:#070707;margin-top:50px;margin-bottom:50px}section .contentBx .formBx input{border:1px solid gold;margin:1em}section .contentBx .form{width:100%;z-index:1}section .contentBx .form h1{font-family:"BDecomart FF 4F";color:#070707}section button{margin-left:60px;-webkit-align-items:center;align-items:center;border:1px solid gold}.add-review form{margin-left:15px}.review-container{-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.profile,.review-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.profile{width:500px;height:200px;box-shadow:2px 2px 30px rgba(0,0,0,.1);background-color:#fff;padding:20px;margin:15px;cursor:pointer}.profile-img{width:50px;overflow:hidden}.profile-img img{width:30px;object-fit:cover;object-position:center}.cuppa{width:25px}.review-box-top{display:-webkit-flex;display:flex;margin:20px}.reviews{width:100%}.review-heading,.reviews{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.review-heading{letter-spacing:1px;margin:30px 0;padding:10px 20px}.review-heading span{letter-spacing:2px;font-size:1.3rem;margin:5px 5px 10px;color:brown}.review-details{display:-webkit-flex;display:flex}.review-rating{margin-top:30px;margin-left:30px;padding-right:40px}.reviews ol{list-style:none}
/*# sourceMappingURL=main.5dce4358.chunk.css.map */