*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff236;font-family:"Jockey One",sans-serif;text-transform:uppercase;font-size:1rem}.menu-button{width:45px;height:45px;background:rgba(0,0,0,0);border:0;position:fixed;left:20px;top:20px;z-index:3;pointer-events:none}.menu-button-span{display:block;width:40px;height:7px;background-color:#fff236;border-radius:6px;margin-bottom:4px;transition:all .3s ease-in-out}.menu-button-input{position:fixed;top:20px;left:20px;z-index:2;width:45px;height:45px;opacity:0}.menu-button-input:checked+.menu .menu-button .menu-button-span{position:absolute;transition:all .2s ease-in-out}.menu-button-input:hover+.menu .menu-button .menu-button-span:nth-child(1){transition:all .2s ease-in-out;transform:translateX(-5px)}.menu-button-input:hover+.menu .menu-button .menu-button-span:nth-child(2){transition:all .2s ease-in-out;transform:translateX(-5px)}.menu-button-input:hover+.menu .menu-button .menu-button-span:nth-child(3){transition:all .2s ease-in-out;transform:translateX(-5px)}.menu-button-input:checked+.menu .menu-button .menu-button-span:nth-child(2){opacity:0}.menu-button-input:checked+.menu .menu-button .menu-button-span:nth-child(1){transform:rotate(45deg)}.menu-button-input:checked+.menu .menu-button .menu-button-span:nth-child(3){transform:rotate(-45deg)}nav{position:fixed;top:75px;left:0;background-color:#aa75ff;width:100vw;height:100vh;visibility:hidden;opacity:0;transition:all,1s cubic-bezier(0.075, 0.82, 0.165, 1)}nav a{text-decoration:none;color:#fff}.menu-button-input:checked+.menu nav{display:block;opacity:1;visibility:visible;background-color:#aa75ff}ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;color:#fff;gap:2rem;font-size:3rem}li{margin-bottom:10px}img{max-width:100%;height:auto}header{background-color:#000;top:0;display:flex;flex-direction:column;position:fixed;padding:0px;width:100vw;height:75px;z-index:4}h1{font-size:1.5rem;text-align:center;color:#fff;letter-spacing:.8em;margin-left:3rem}.page-1{padding-top:45px}.base-grid{color:#00ff38;background-color:#000;font-size:2rem}.tahini-h2{padding-left:1rem;display:flex;flex-direction:column;width:300px;height:200px;position:relative;background-color:#000;margin-left:1rem}.h2-tahini{align-self:center;order:2;font-size:8rem;position:absolute;top:50px;left:0;right:0;text-align:center;z-index:2}.h2-drizzle{align-self:center;order:1;position:absolute;top:2rem;right:0;font-size:3rem;color:#aa75ff}.h2-chickpeas{align-self:center;order:3;position:absolute;bottom:-0.4rem;left:1.3rem;font-size:3rem;color:#fff236}.course{text-transform:none;padding-left:1rem;padding-bottom:1rem;max-width:65ch;padding-top:1rem}.image-text{position:relative;color:#aa75ff;text-transform:none;padding-top:1rem;padding-left:1rem;margin-top:0px;max-width:65ch}.explore-p-container{background-color:#fff;font-size:2rem;margin-bottom:0px;padding-right:1rem;padding-bottom:1rem}.explore-black-arrow{position:relative;justify-content:right;display:flex;padding-right:1rem}.link-explore-menu{text-decoration:none;color:#000}.explore-black-arrow img{rotate:90deg}.white-arrow{position:absolute;margin-bottom:3rem;margin-left:1rem;left:0;bottom:0}.white-arrow img{height:5vw;rotate:90deg}.arrow-animate{transition:transform .5s ease-in-out,margin-top .2s ease-in-out;animation-direction:normal}.arrow-animate-container:hover .arrow-animate{transform:translateX(10px)}.img-container{position:relative}.page-2{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2, 1fr)}.page-2 .chickpeas-one-container:nth-child(1){grid-column:1/-1}.page-2 .desc:nth-child(2){grid-column:1/-1}.page-2 .bowl-plate-container-one:nth-child(3){grid-column:1/2;overflow:hidden}.page-2 .bowl-plate-container-two:nth-child(4){grid-column:2;overflow:hidden}.page-2 .bowl-plate-container-one img,.page-2 .bowl-plate-container-two img,.page-2 .chickpeas-one-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:2/2}.food-menu-container{background-color:#fff;border-top:#000 solid 1px;border-bottom:#000 solid 1px;font-size:1.5rem;height:110px;margin-top:.5rem;text-align:center}.food-desc{font-size:1rem;font-family:"Roboto Condensed",sans-serif;text-transform:none}.title-desc{position:relative;padding-top:.8rem}.label{font-size:1rem;width:75px;height:20px;text-align:center;position:absolute;margin-left:1rem;margin-top:.5rem}.label-text{text-align:center;font-family:"Courier New",Courier,monospace;display:inline-block}.label-new{background-color:#aa75ff;transform:rotate(2deg)}.label-vegan{background-color:#00ff38;transform:rotate(-5deg)}.label-popular{background-color:#fff236}.label-new-text{transform:rotate(-2deg)}.label-vegan-text{transform:rotate(5deg)}.page-3{background-color:#00ff38;height:100%;padding-top:1rem;margin-top:1rem;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:7rem}.form-heading{font-size:2.5rem;margin-left:1rem;margin-bottom:1rem}.form div{display:flex;align-items:center;margin-bottom:2vh;margin-left:1rem;font-size:1.5rem}.form label{margin-right:0;font-size:1.5rem;width:110px}.input-details{width:160px;max-width:300px;border-radius:.7rem;text-transform:capitalize;border:none;height:30px}.form-buttons{display:flex}.form-buttons input{margin-left:1rem;height:35px;gap:1rem;width:80px;border-radius:.7rem;text-transform:uppercase;border:none}.form-button-yellow{background-color:#fff236}.form-button-purple{background-color:#aa75ff}.contact-card{position:relative;width:350px;height:350px;margin-top:1rem;display:flex;justify-content:center;align-items:center}.contact-image{width:100%;height:100%;filter:blur(4px);aspect-ratio:2/2;-o-object-fit:cover;object-fit:cover;overflow:hidden}.contact-text{position:absolute;width:auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.contact-text p{text-align:left;font-size:1rem;text-transform:none;display:flex;align-items:center;width:100%;text-shadow:-2px -1px 0px #000}svg{filter:drop-shadow(-2px -1px 0px black)}.contact-text a{text-decoration:none;color:#61c7eb}.cookie-footer{background-color:#aa75ff;position:fixed;width:100%;height:90px;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between}.cookie-text{text-align:left;margin-left:1rem;text-transform:none;color:#fff;font-family:"Roboto Condensed"}.cookie-button-container{margin-left:1rem;display:flex;height:35px;gap:1rem}.form-button-green{background-color:#00ff38;margin-right:3rem}.cookie-button{border-radius:.7rem;text-align:center;width:80px}.cookie-button-container input{text-transform:uppercase;height:35px;border:none}@media screen and (min-width: 852px){.page-1{padding-top:0px;margin-top:35px}h1{font-size:2.2rem;text-align:center}h1 span{margin-right:3rem}main{margin-left:1rem;margin-right:1rem;margin-top:5.5rem}.food-menu-container{height:80px}.title-desc{padding-top:0}.input-details{width:280px;max-width:300px;border-radius:.7rem;text-transform:capitalize}.form-buttons input{width:190px}.contact-card{height:350px;width:350px}.contact-text p{font-size:1.5rem}.cookie-text{margin-left:7rem}.cookie-button{width:190px}.page-3{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}.page-3 .form-section{grid-column:1/span 2}.page-3 .contact-card{grid-column:3/span 2}}@media screen and (min-width: 1502px){header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90px;height:100vh}.header-title{writing-mode:vertical-rl;text-orientation:upright;margin-top:-10rem;margin-left:0;font-size:1rem}main{margin-top:0;margin-left:6.5rem}.tough-cookie{letter-spacing:normal;font-size:3.3rem}nav{top:0;margin-left:90px}.base-grid{display:grid;grid-template-columns:repeat(11, 1fr)}.tahini-h2{margin-left:10vw}.base-grid h2:nth-child(1){grid-column:1/span 4;padding-right:1rem}.base-grid .course:nth-child(2){grid-column:5/span 11}.base-grid .roman-salad:nth-child(1){grid-column:1/span 5}.base-grid .image-text:nth-child(2){grid-column:6/span 11}.page-1 .roman-salad{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.explore-black-arrow{justify-content:left;padding-left:1rem}.explore-black-arrow img{rotate:0deg}.roman-salad-container{display:flex}.explore-p-container{margin-left:1rem}.page-1{margin-top:0}.image-text{margin:0}.page-2{grid-template-columns:repeat(11, 1fr)}.page-2 .chickpeas-one-container:nth-child(1){grid-column:1/4;order:1}.page-2 .bowl-plate-container-one:nth-child(3){grid-column:4/8;order:2}.page-2 .bowl-plate-container-two:nth-child(4){grid-column:8/12;order:3}.page-2 .desc:nth-child(2){order:4}.desc{display:grid;grid-template-columns:repeat(11, 1fr)}.food-menu-container{grid-column:1/span11;display:grid;grid-template-columns:4fr 5fr 2fr;text-align:left;align-items:center}.food-menu-container .dt:nth-child(1){grid-column:1/span3}.food-menu-container .price-desc:nth-child(3){grid-column:11}.title-desc{margin-left:1rem}.label{margin-top:.3rem;margin-left:1rem}.price-desc{margin-right:1rem}.food-menu-container dt{margin-left:.5rem;font-size:2rem}.food-menu-container dd{text-align:left}.food-menu-container dd:not(.food-desc){margin-right:.5rem;font-size:2rem}.page-3{grid-template-columns:repeat(11, 1fr);gap:1rem}.contact-card{height:500px;width:500px}.page-3 .form-section{grid-column:1/span 3}.page-3 .contact-card{grid-column:5/span 2}.form-buttons input{font-size:1.5rem}.cookie-button{font-size:1.5rem}}