#tomato{position:fixed;width:700px;top:130px;left:20px;z-index:-2}#lettuce{position:fixed;width:500px;top:250px;left:-250px;z-index:-1}header{background-color:#fa9a2d!important;height:60px;display:flex;align-items:center}.back{position:fixed;background-color:#ffc078;width:100vw;height:100vh;z-index:-2}#container{height:100vh;display:flex;flex-direction:column;align-items:center}#square-container{background-color:#0003!important;border-radius:20px;width:80%;margin-top:50px}#square-container p{text-align:center;color:#fff}#btn1{position:relative;left:50%;transform:translate(-50%);margin:20px 0}#msg{text-align:center;padding-top:20px}.loginspan{display:flex;justify-content:center;align-items:center}.loginspan p{margin:10px 10px 0 0}#big-container{background-color:#ffc078;height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center}#big-container span{display:flex;align-items:center;justify-content:center}#big-container span p{margin:10px 10px 0 0}#square-box{background-color:#0000001a!important;border-radius:20px;width:80%;margin-top:50px}#big-container button{margin:20px 0}body{font-family:Arial,sans-serif;margin:0;padding:0}header{background-color:#f8f8f8;padding:10px;width:100%;text-align:left;box-sizing:border-box;border-bottom:4px solid black}.searchBar{padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;width:200px}main{display:flex;flex-direction:column;align-items:center;padding:20px;width:100%;box-sizing:border-box}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:20px;justify-items:center}.content{width:100%;max-width:200px;text-align:center}.image{width:100%;height:150px;border:1px solid #ddd;border-radius:5px;object-fit:cover;margin-bottom:10px;border:2px solid black}.description{font-size:16px}.nextButton{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;margin-top:20px}footer{position:fixed;bottom:10px;right:10px}.homeButton{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.lesson-container{display:flex;flex-direction:column;background-color:#ffc078;width:100vw;height:200vh}.prep-ingre-tools{margin:60px 10px 10px;display:flex;flex-direction:row}.prep-ingredients,.prep-tools{margin:0 10px 10px}.prep-container{height:100vh;width:100vw}.preparation-header{display:flex;position:absolute;width:100vw;height:60px;align-items:center;background-color:#fa9a2d;border-radius:10px;border-bottom:4px solid black}.prep-back-button{display:flex;height:40px;width:40px;border-radius:20px;align-self:center;margin:10px;align-content:center;justify-content:center}.prep-points{position:absolute;width:100px;height:50px;background-color:#bb6400;right:10px;border-radius:10px;justify-content:center;align-items:center}.prep-points p{margin-left:15px;font-weight:300;color:#fff}.prep-camera-component{display:flex;justify-content:center;width:100vw;max-height:300px}.prep-instructions{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px}.prep-instructions p{display:flex;align-content:center;justify-content:center}.prep-results{margin:20px;align-items:center;justify-content:center}.aa{font-size:20px}.prep-footer{display:flex;position:absolute;height:60px;width:100%;background-color:#fa9a2d;bottom:0;align-items:right;justify-content:right;border-top:4px solid black;border-radius:10px}.top-section img{width:250px;border-radius:20px;align-items:center;border:3px solid Black}.header{border-radius:10px}.container{display:flex;flex-direction:column;background-color:#ffc078;height:100vh}.top-section{display:flex;flex-direction:row;margin:10px}.nutritional-facts{margin:10px;font:sans-serif bold}.start-button{display:flex;width:100%;align-items:center;justify-content:center}.next-button{position:relative;width:100px;height:60px;background-color:#bb6400;border:none;color:#fff;font-size:x-large;border-radius:10px}.next-button:hover{transform:scale(1.2)}.bottom-section{margin:10px}body{margin:0;padding:0}