a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Rubik,sans-serif}.mobile-show{display:none}.bg-1.page-2{left:-43rem;top:-10rem;width:40rem}.bg-3.page-2{bottom:-30rem;right:-40rem}.bg-4.page-2{background-color:#9d6b53;bottom:-104rem}header.page-2{padding-top:5vh}header.page-2 a{text-decoration:none}header.page-2 .logo{font-size:3rem}.searchbar.page-2 input{width:18rem}.random.page-2 p{color:#826f66;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.random.page-2 p:hover{text-decoration:underline;-webkit-transform:scale(1.04);transform:scale(1.04)}.list-content{display:flex;justify-content:center;margin-top:1rem}.list-content .recipe-list{align-content:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;height:33rem;margin-right:1.1rem;overflow-y:auto;padding-left:.45rem;position:relative;width:60.5rem}.list-content .recipe-list .container{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:center;width:100%}.list-content .recipe-list .container .loader{-webkit-animation:fill 2s linear infinite alternate;animation:fill 2s linear infinite alternate;border:4px solid #532c0e;border-radius:0 0 4px 4px;box-sizing:border-box;color:#9d6b53;display:inline-block;height:48px;position:relative;width:48px}.list-content .recipe-list .container .loader:after{border:4px solid #532c0e;border-radius:0 4px 4px 0;box-sizing:border-box;content:"";height:25px;left:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}@-webkit-keyframes fill{0%{box-shadow:inset 0 0}to{box-shadow:inset 0 -48px}}@keyframes fill{0%{box-shadow:inset 0 0}to{box-shadow:inset 0 -48px}}.list-content .recipe-list .container p{color:#532c0e;font-size:2rem;font-weight:500}.list-content .recipe-list .container .sadCoffee{width:18rem}.list-content .recipe-list::-webkit-scrollbar{background-color:transparent;width:6px}.list-content .recipe-list li{height:10rem;width:19rem}.list-content .recipe-list li:nth-child(11n+1){background-color:hsla(19,12%,45%,.506)}.list-content .recipe-list li:nth-child(11n+2){background-color:rgba(157,107,83,.482)}.list-content .recipe-list li:nth-child(11n+3){background-color:rgba(177,122,94,.475)}.list-content .recipe-list li:nth-child(11n+4){background-color:rgba(157,107,83,.478)}.list-content .recipe-list li:nth-child(11n+5){background-color:hsla(23,52%,67%,.486)}.list-content .recipe-list li:nth-child(11n+6){background-color:rgba(157,107,83,.471)}.list-content .recipe-list li:nth-child(11n+7){background-color:hsla(23,52%,67%,.518)}.list-content .recipe-list li:nth-child(11n+8){background-color:hsla(21,35%,69%,.486)}.list-content .recipe-list li:nth-child(11n+9){background-color:hsla(17,8%,66%,.498)}.list-content .recipe-list li:nth-child(11n+10){background-color:rgba(93,88,82,.471)}.list-content .recipe-list li:nth-child(11n+11){background-color:hsla(32,33%,67%,.455)}.list-content .recipe-list .recipe{border-radius:1rem;box-sizing:border-box;color:#532c0e;padding:.8rem;text-align:left;text-transform:capitalize}.list-content .recipe-list .recipe .recipe-info{display:flex;font-size:1rem;justify-content:space-between}.list-content .recipe-list .recipe .recipe-info .username{font-weight:500}.list-content .recipe-list .recipe .recipe-info .username i{margin-right:.3rem}.list-content .recipe-list .recipe .recipe-info .info{align-items:center;display:flex;justify-content:space-between;width:8rem}.list-content .recipe-list .recipe .recipe-info .info img{height:1.2rem}.list-content .recipe-list .recipe .recipe-info .info .time p{border-left:.15rem solid #532c0e;border-right:.15rem solid #532c0e;font-weight:500;padding:0 .4rem}.list-content .recipe-list .recipe h2{font-size:1.5rem;font-weight:500;margin:.4rem 0 .5rem}.list-content .recipe-list .recipe>p{color:#826f66;font-weight:500;line-height:1.3rem}.list-content .filters{background-color:#cba793;border-radius:1rem;color:#532c0e;height:31rem;padding:1rem;transition:all 1s;width:19rem}.list-content .filters .content{display:flex;flex-direction:column;justify-content:center;-webkit-transform:scale(.9);transform:scale(.9)}.list-content .filters .content>div{width:100%}.list-content .filters h2{font-size:1.7rem;font-weight:500;margin-bottom:.4rem}.list-content .filters div div div{display:flex;flex-wrap:wrap;font-size:1.3rem;gap:.5rem;justify-content:center;transition:all .15s}.list-content .filters div div div div:hover{-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem)}.list-content .filters label{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;padding:.3rem .5rem}.list-content .filters input{display:none}.list-content .filters input:checked+label{background-color:#e0e0e0}.bean-roast,.method,.sort-by{border-bottom:3px solid #532c0e;margin-bottom:1rem;padding-bottom:.8rem}.bean-roast .roast-checkbox span{height:1.5rem;margin-right:.3rem;mask:url(/static/media/coffee-beans.04c93ba1c0345af66dfa.svg) no-repeat center;-webkit-mask:url(/static/media/coffee-beans.04c93ba1c0345af66dfa.svg) no-repeat center;-webkit-transform:scale(1.2);transform:scale(1.2);width:1.5rem}.bean-roast .roast-checkbox .l-roast{color:#a0694f}.bean-roast .roast-checkbox .l-roast span{background-color:#a0694f}.bean-roast .roast-checkbox .m-roast{color:#8b604c}.bean-roast .roast-checkbox .m-roast span{background-color:#8b604c}.bean-roast .roast-checkbox .md-roast{color:#713e16}.bean-roast .roast-checkbox .md-roast span{background-color:#713e16}.bean-roast .roast-checkbox .d-roast{color:#532c0e}.bean-roast .roast-checkbox .d-roast span{background-color:#532c0e}.filters .method-checkbox div:first-child img{height:2.6rem}.filters .method-checkbox div:nth-child(2) img{height:2.3rem;left:.75rem}.filters .method-checkbox div:nth-child(3) img{height:2.4rem;left:1rem}.filters .method-checkbox div:nth-child(4) img{height:2.5rem}.filters .method-checkbox label{align-items:flex-end;border-radius:.8rem;height:3.2rem;justify-content:center;padding:0;position:relative;width:3.2rem}.filters .method-checkbox label img{bottom:.3rem;position:absolute}.sort-by i,.time-checkbox img{margin-right:.5rem}@media screen and (max-width:1435px){.list-content .recipe-list{width:40.03rem}}@media screen and (max-width:980px){.random.page-2{margin-bottom:4rem}.list-content{position:relative}.list-content .filters{align-items:center;display:flex;flex-direction:column;height:calc(62vh + 4.3rem);padding:0;position:absolute;top:-4rem;transition:all .5s ease-in-out;width:83vw;z-index:1}.list-content .filters .mobile-show{display:block;font-weight:600;padding:1rem 0;width:100%}.list-content .filters .method-checkbox div{margin:.8rem .5rem 0 .6rem;-webkit-transform:scale(1.3);transform:scale(1.3)}.list-content .filters .content{display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:0;overflow:hidden;transition:all .5s ease-in-out}.list-content .filters .content>div{width:80vw}.list-content .filters .content div.bean-roast,.list-content .filters .content div.method,.list-content .filters .content div.sort-by{margin-bottom:1.2rem;padding-bottom:1.2rem}.list-content .recipe-list{height:62vh;margin:0;width:calc(80vw + 2rem)}.list-content .recipe-list .recipe{width:40vw}.list-content .filters.mobile{height:3rem}}@media screen and (max-width:930px){.bg-1.page-2{left:-31rem;top:-15rem;width:40rem}.bg-3.page-2{bottom:-55rem;right:-33rem}.bg-4.page-2{background-color:#9d6b53;bottom:-83rem;left:-60rem}.bg-2.page-2.show-user-menu{right:6rem;top:4rem}}@media screen and (max-width:740px){.list-content .filters{border-radius:1.7rem;height:calc(62vh + 5.3rem);width:calc(80vw + 1.55rem)}.list-content .recipe-list{height:65vh}.list-content .recipe-list .recipe{border-radius:1.7rem;height:8rem;padding:1rem;width:calc(80vw + 1.55rem)}.bg-1.page-2{left:-32rem;top:-35rem;width:40rem}.bg-4.page-2{background-color:#9d6b53;bottom:-85rem;left:-55rem}}@media screen and (max-width:700px){.bg-2.page-2.show-user-menu{right:0;top:0}header.page-2{padding-top:3rem}header.page-2 .logo{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media screen and (max-width:400px){.list-content .recipe-list .recipe h2{font-size:1.4rem}.list-content .recipe-list .recipe p{font-size:.8rem}.list-content .recipe-list .container p{font-size:1.5rem}.list-content .recipe-list .container .sadCoffee{width:13rem}}@media screen and (max-width:320px){.list-content .recipe-list .recipe{height:9.5rem}}header.reg-page{padding-top:10vh}header.reg-page a{text-decoration:none}.confirmation-msg{color:#826f66;margin-top:2rem}.confirmation-msg h1{font-size:2rem;font-weight:600}.confirmation-msg h2{font-size:1.5rem}.confirmation-msg img{width:25vh}.confirmation-msg p{font-size:1.2rem;margin-top:.2rem}.confirmation-msg div{margin-bottom:4rem}.confirmation-msg a{background-color:#cba793;border:none;border-radius:2rem;color:#532c0e;font-weight:500;padding:1rem 2rem;text-decoration:none;transition:background-color .2s}.confirmation-msg a:hover{background-color:#b1795e}.reg-form{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.reg-form label{color:#826f66;font-size:1.5rem;margin-bottom:.3rem}.reg-form input{border:none;border-radius:4rem;color:#532c0e;font-size:1.5rem;height:1.7rem;padding:.5rem 1rem;width:20rem}.reg-form input:focus{outline-width:0}.reg-form input[type=submit]{background-color:#cba793;cursor:pointer;height:3rem;margin-top:3rem;transition:background-color .2s;width:10rem}.reg-form input[type=submit]:hover{background-color:#b1795e}.reg-form p.alert{color:#bf1a1a;font-weight:600;height:2.2rem;padding-top:.4rem;width:26rem}@media screen and (max-width:400px){.confirmation-msg p{font-size:1rem;padding:0 2rem}}.bg-1,.bg-2,.bg-3,.bg-4{border-radius:100%;overflow:hidden;position:absolute;position:fixed}.bg-1{background-color:#cba793;height:65rem;left:-52rem;top:-45rem;-webkit-transform:matrix(.72,.69,-.69,.72,0,0);transform:matrix(.72,.69,-.69,.72,0,0);width:64rem}.bg-2{background-color:#c69b7b;height:17rem;right:-9rem;top:-11rem;transition:all .5s ease-in-out;width:15.5rem;z-index:2}.bg-3{background-color:#b1795e;bottom:-68rem;right:-32rem;-webkit-transform:matrix(1,.09,-.09,1,0,0);transform:matrix(1,.09,-.09,1,0,0);width:42rem}.bg-3,.bg-4{height:101rem}.bg-4{background-color:#c69b7b;bottom:-100rem;left:-22rem;-webkit-transform:matrix(.37,.93,-.93,.37,0,0);transform:matrix(.37,.93,-.93,.37,0,0);width:113rem}body{background-color:#e0e0e0}div.container{align-items:center;display:flex;flex-direction:column}div.container footer{bottom:1rem;position:absolute}div.content{align-items:center;display:flex;flex-direction:column;text-align:center}form.show-user-menu-form{display:none;position:fixed;right:6rem;-webkit-transform:translateY(-3rem);transform:translateY(-3rem);transition:all .5s ease-in-out}form.show-user-menu-form input{border:none;border-radius:.4rem;color:#532c0e;margin-left:.8rem;outline:none;padding:.5rem 1rem;width:7rem}form.show-user-menu-form div{color:#9d6b53;position:absolute;right:7rem;top:3.5rem}form.show-user-menu-form div a{color:#9d6b53;text-decoration:none}form.show-user-menu-form div a:hover{text-decoration:underline}form.show-user-menu-form #sign-in{background:none;color:#532c0e;cursor:pointer;font-weight:600;position:absolute;right:0;top:3.05rem;width:6rem}.show-user-menu{border-radius:.4rem;height:2.1rem;right:6rem;top:4rem;width:6rem}.show-user-menu form.show-user-menu-form{display:block}#user-menu-btn{color:#532c0e;cursor:pointer;font-size:2.3rem;position:fixed;right:1rem;top:1rem;transition:.1s;z-index:3}#user-menu-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}header{padding-top:20vh}header .logo{color:#826f66;font-size:4rem;letter-spacing:-3.5px}header .logo span{color:#c69b7b;font-weight:600}header .greeting{color:#826f66;font-size:1.5rem;font-weight:300;letter-spacing:1.45px;margin-top:2.5rem}header .greeting:after{background-color:#826f66;content:"";display:block;height:.1rem;margin:.8rem auto 0;width:12.5rem}.category-container{display:flex}.category-container div{border-radius:2rem;height:7.5rem;margin:1.6rem;position:relative;transition:.1s;width:7.5rem}.category-container div:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.category-container div img{bottom:.8rem;position:absolute}.category-container .chemex-btn{background-color:#9d6b53}.category-container .chemex-btn img{height:6rem;left:1.9rem}.category-container .drip-btn{background-color:#b1795e}.category-container .drip-btn img{height:5.6rem;left:1.6rem}.category-container .aeropress-btn{background-color:#cba793}.category-container .aeropress-btn img{height:6.1rem;left:2.3rem}.category-container .frenchpress-btn{background-color:#d69f7e}.category-container .frenchpress-btn img{height:6rem;left:1.9rem}.searchbar{margin-top:1rem;position:relative}.searchbar input{border:none;border-radius:2rem;color:#532c0e;font-size:1.1rem;height:2.5rem;outline:none;padding:0 1rem;width:30rem}.searchbar button{background:none;border:none;border-radius:2rem;color:#826f66;cursor:pointer;font-size:1.5rem;height:2.2rem;padding:.3rem 0 0;position:absolute;right:0;top:0;width:3rem}.random{cursor:pointer;font-size:1.4rem;font-weight:300;margin:1rem 0}.random a{color:#826f66;text-decoration:none}footer{color:#826f66;font-size:.7rem}@media screen and (max-width:1200px){html{font-size:14px}}@media screen and (max-width:930px){.bg-1,.bg-3,.bg-4{-webkit-transform:scale(.7);transform:scale(.7)}.bg-1{left:-40rem;top:-45rem}.bg-2{right:-9rem;top:-10rem}.bg-3{bottom:-65rem;right:-28rem}.bg-4{bottom:-82rem;left:-50rem}.show-user-menu{right:6rem;top:4rem}}@media screen and (max-width:700px){html{font-size:13px}.bg-3{display:none}.bg-4{bottom:-81rem;left:-34rem}header{padding-top:3rem}header .logo{-webkit-transform:scale(.6);transform:scale(.6)}.searchbar input{width:60vw}.category-container{flex-wrap:wrap;justify-content:center;width:22rem}.category-container div{margin:1rem}form.show-user-menu-form{right:auto;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s ease-in-out}form.show-user-menu-form input{border:none;border-radius:.5rem;font-size:16px;height:2.5rem;margin-bottom:1rem;margin-left:0;outline:none;padding:.5rem 1rem;width:15rem}form.show-user-menu-form div{font-size:16px;position:relative;right:1.5rem;top:1rem}form.show-user-menu-form #sign-in{background:#e0e0e0;position:relative;right:-5.5rem;top:-.8rem}.show-user-menu{border-radius:0 0 7rem 7rem;box-shadow:0 0 100px 100vh rgba(98,98,98,.688);height:40%;right:0;top:0;width:100%}.show-user-menu form.show-user-menu-form{align-items:center;display:flex;flex-direction:column;height:42vh;justify-content:center;width:100vw}}@media screen and (max-height:570px)and (orientation:landscape){header{padding-top:0}html{font-size:10px}.category-container{flex-wrap:nowrap;width:100%}}
/*# sourceMappingURL=main.c4000885.css.map*/