*{margin:0;padding:0;font-family:Inter}body{height:100%;width:100%;background-color:#fafaf8}#mypicHolder{display:flex;justify-content:center;width:100%;height:fit-content}#mypic{width:200px!important;height:200px!important;border:1px solid #FFFFFF;border-radius:10%}#about{padding:30px;font-size:.9rem}#iconHolder{width:100%;display:flex;flex-direction:row;align-items:center;gap:10px}.icons{margin-left:30px;height:70px;width:70px;cursor:pointer}.iconsS{margin-left:30px;height:90px;margin-bottom:10px;width:80px;cursor:pointer}#top-header{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:80px;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}#claude-pic{height:70px}#heading{font-size:2rem;font-weight:bolder;color:#101010}#form{display:flex;justify-content:center;gap:20px;margin-top:5vh;padding:5px}.loader{width:86px;height:50px;border-radius:50px;background:radial-gradient(farthest-side,#0000 calc(100% - 15px),#ccc calc(100% - 14px),#ccc 99%,#0000) left,radial-gradient(farthest-side,#0000 calc(100% - 15px),#ccc calc(100% - 14px),#ccc 99%,#0000) right;background-size:calc(50% + 7px) 100%;background-repeat:no-repeat;position:relative;animation:l10-0 1s infinite linear}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:10px;height:10px;border-radius:50%;background:#f03355;transform-origin:-14px 50%;animation:l10-1 .5s infinite linear}@keyframes l10-0{0%,49.99%{transform:scaleX(1)}50%,to{transform:scaleX(-1)}}@keyframes l10-1{to{transform:rotate(1turn)}}form{display:flex;gap:20px}#list-adder{height:35px;width:600px;box-shadow:none;padding:0 10px;border:1.5px solid #D1D5D8;border-radius:6px;box-shadow:0 1px 2px #0000000d}#submit1{height:35px;min-width:100px;width:max(15%,150px);background-color:#141413;color:#fafaf8;border:none;border-radius:6px;padding:0 15px}#list{margin-left:20px;margin-top:20px}#main{display:flex;flex-direction:column;align-items:center}.hamburger{font-size:36px;font-weight:500;cursor:pointer;position:fixed;top:10px;left:20px;z-index:1000}.hamburgeropen{font-size:36px;font-weight:500;cursor:pointer;position:fixed;top:10px;left:10px;margin-left:calc(60vh - 70px);z-index:1000;color:#333}.sidebar{display:flex;flex-direction:column;justify-content:center;width:60vh;height:100vh;background-color:#f5f5f5;position:fixed;top:0;left:-60vh;transition:left .3s ease;z-index:999}.sidebar.open{left:0}.sidebar ul{list-style-type:none;padding:0;margin-top:60px;margin-left:0}.sidebar ul li{color:#333;padding:15px;text-align:center;border-bottom:1px solid #444}.sidebar ul li:hover{background-color:#eee}#option{display:flex;justify-content:center;align-items:center;gap:10px;margin-right:40px;margin-top:20px;width:400px;background-color:#f0efeb;padding:10px 28px;height:120px}#option button{border:none;border-radius:6px;background:#d17557;box-shadow:0 1px 2px #0000000d;color:#fafaf8;padding:9px 17px;font-family:Inter,sans-serif;font-size:.8rem;cursor:pointer}h2{font-size:2rem;font-weight:bolder;color:#101010;margin-top:0;margin-bottom:10px}#list-empty{align-self:center}#clear{height:35px;min-width:100px;width:max(15%,150px);background-color:#141413;color:#fafaf8;border:none;border-radius:6px;padding:0 15px}ul{margin-left:10vh}#listAndOptions{display:flex;flex-direction:row;justify-content:center;gap:100px}li{margin-top:10px}.suggested-recipe-container{text-align:center;max-width:500px;width:100%;color:#06f;line-height:1.5;font-size:1.125rem;font-weight:400;word-wrap:break-word;overflow-wrap:break-word}.suggested-recipe-container h1,.suggested-recipe-container h2,.suggested-recipe-container h3,.suggested-recipe-container p{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.suggested-recipe-container ul li,.suggested-recipe-container ol li{margin-bottom:8px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}#list{margin-left:20px;margin-top:20px;width:100%;max-width:600px;box-sizing:border-box}#list div{width:100%}#list h2{font-size:2rem;font-weight:bolder;color:#101010;margin-bottom:10px;padding:0 16px}#list ul{margin-left:10vh;list-style-position:outside;padding-right:16px}#list li{margin-top:10px;word-wrap:break-word}#listAndOptions{display:flex;flex-direction:row;justify-content:center;gap:100px;width:100%;max-width:1200px;padding:0 16px;box-sizing:border-box}@media screen and (max-width: 768px){#list,#list div{margin:0;padding:0;width:100%}#list h2{padding:0 16px;font-size:1.75rem}#list ul{margin:0;padding:0 32px;width:100%;box-sizing:border-box}#list li{margin:10px 0;padding-right:16px}#listAndOptions{flex-direction:column;align-items:center;gap:40px;padding:0}#option{margin:0;width:calc(100% - 32px);max-width:400px}#list-empty{width:100%;text-align:center;padding:0 16px}form{width:100%;flex-direction:column;align-items:center;gap:10px}#list-adder{width:80%}#submit1,#clear{width:50%}#listAndOptions{display:flex;flex-direction:column;justify-content:center;gap:10vh}#list div{margin-left:20px}#option,ul{margin:0}.hamburgeropen{font-size:36px;font-weight:500;cursor:pointer;position:fixed;top:10px;left:10px;margin-left:calc(50vh - 100px);z-index:1000;color:#333}.sidebar{width:50vh;height:100vh;background-color:#f5f5f5;position:fixed;top:0;left:-50vh;transition:left .3s ease;z-index:999}.sidebar.open{display:flex;flex-direction:column;justify-content:space-between;left:0}#iconHolder{margin-left:10px}}