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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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}:root{--mainColor:#f9d2cb;--secondColor:#a3f4dc;--darkColor:#212121;--greyColor:#9c9c9c;--darkGreyColor:#564f4f;--lightgrey:#fafafa;--paddingBig:3rem;--padding:1.6rem;--paddingSmall:1.2rem;--margin:3rem;--fontFamily:roboto;--font-style:normal;--title:2.6rem;--textBig:2rem;--text:1.8rem;--smallText:1.2rem;--headerLogo:url(assets/img/plan-based-coffee.png)}.header{grid-area:header;padding:1.6rem;padding:var(--padding);display:flex;justify-content:space-between}.h1-like{font-size:2.6rem;font-size:var(--title);padding-top:.5rem}.h1-like:after{content:"\1F331"}.h2-like{font-size:1.2rem;font-size:var(--smallText);margin-bottom:6rem}.header_image{width:14rem;align-self:center}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}.layout{font-family:roboto;font-family:var(--fontFamily);height:100vh;display:flex;flex-flow:column}.highlight{background-color:#f9d2cb;background-color:var(--mainColor)}.spaced{padding:3rem;padding:var(--paddingBig)}.prices{padding-top:0}.visually-hidden{display:none}.prices__list{display:grid;grid-gap:1rem;grid-template-columns:1fr 1fr}.price{background-color:#fff;border-radius:6px;padding:1.2rem}.price__button{flex-flow:row}.price__button,.price__button__wrapper{display:flex;justify-content:space-between}.price__button__wrapper{flex-flow:column}.price__button__name{font-size:1.8rem;font-size:var(--text)}.price__button__amount{font-size:1.2rem;font-size:var(--smallText);color:#9c9c9c;color:var(--greyColor)}.price__button__plus{background-color:#a3f4dc;background-color:var(--secondColor);border-radius:3px;font-size:2.6rem;font-size:var(--title);text-align:center;height:3.8rem;width:3.8rem}.section_orders{flex-grow:2;padding-bottom:0;display:flex;flex-flow:column}.orders__wrapper{height:100%;flex-flow:column}.order,.orders__wrapper{display:flex;justify-content:space-between}.order{border-bottom:1px solid #9c9c9c;border-bottom:1px solid var(--greyColor);font-size:1.8rem;font-size:var(--text);padding:1.6rem 3rem;padding:var(--padding) var(--paddingBig);align-items:center}.order__amount{color:#f9d2cb;color:var(--mainColor)}.remove{color:#9c9c9c;color:var(--greyColor);font-size:1.8rem;font-size:var(--text);margin:.5rem}.title_mini{font-size:1.2rem;font-size:var(--smallText);text-transform:uppercase;padding:3rem 3rem 0;padding:var(--paddingBig) var(--paddingBig) 0}.total{background-color:#fafafa;background-color:var(--lightgrey);padding:1.6rem 3rem;padding:var(--padding) var(--paddingBig);display:flex;justify-content:space-between}.total__label,.total__price{font-size:1.8rem;font-size:var(--text)}.emptystate{display:flex;flex-flow:column;justify-content:center;align-items:center}.emptystate__content{padding:1.2rem;padding:var(--paddingSmall)}.footer{background-color:#212121;background-color:var(--darkColor);color:#564f4f;color:var(--darkGreyColor);font-size:1.2rem;font-size:var(--smallText);padding:0 8rem;align-self:flex-end;width:100vw}.footer_nav{display:flex;flex-flow:row;justify-content:space-between}.nav_element{display:flex;flex-flow:column;padding:1.8rem 0}.footer_link{text-decoration:none;color:#564f4f;color:var(--darkGreyColor)}.footer-active{color:#9c9c9c;color:var(--greyColor)}@media (min-width:800px){.layout{display:grid;grid-template-columns:3fr 5fr;grid-template-rows:1fr 4fr .5fr auto;grid-template-areas:"header orders" "prices orders" "picture orders" "footer footer"}.prices{grid-row:2;grid-column:1;grid-area:prices;z-index:1}.section_orders{grid-area:orders;overflow:scroll}.header{grid-column:1;grid-row:1/4;flex-flow:column;justify-content:space-between}.header__titles{grid-row:1;grid-area:header;margin-bottom:3rem;margin-bottom:var(--margin)}.header_image{grid-area:picture;z-index:2;align-self:center}.footer{grid-area:footer}.total{padding:3rem;padding:var(--paddingBig)}.prices__list{grid-template-columns:1fr}}