@import"https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap";.NavElements>a{display:inline-block;box-sizing:border-box;margin-left:1rem;text-decoration:none;text-align:center;color:#fff}a.active{text-decoration:underline}a{text-decoration:none;color:#fff}.navbar{background-color:#000;padding:1em;font-size:1.5rem;flex-wrap:nowrap}.NavLink{margin-right:1rem}.modalSearch{display:flex;justify-content:center}.searchDiv{display:inline-flex;float:inline-end}.searchDiv button{margin-left:10px;margin-right:5px;padding:.375rem .5rem .5rem}.searchDiv input{border-radius:.25rem;padding-left:1rem;font-size:initial}.searchIcon{display:none;float:inline-end}@media only screen and (max-width: 760px){.searchDiv{display:none}.searchIcon{color:#fff;display:inline-flex}}footer{position:absolute;left:0;right:0;z-index:999!important;background-color:#f1f1f1;text-align:center;height:3rem;display:flex;padding:1rem;justify-content:center}footer img{width:70%}.MovieCard{margin-left:auto;margin-right:auto;position:relative;padding:1em 1em 2em;width:20em;box-sizing:border-box;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:.75em}.MovieCard h3{font-size:1.5rem;text-align:center}.links{position:absolute;bottom:1em;width:calc(100% - 2em);display:flex;gap:.6rem}.links a{width:100%;border:.09rem solid black;background-color:#add8e6;padding:.06rem;border-radius:.15rem;text-align:center;text-decoration:none;color:#000}.MovieCard p:not(.detailed p){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}.detailed{width:fit-content;margin:3rem;margin-top:0;max-width:60rem}.MovieCard textarea{width:90%;height:100px}.MovieCard .poster{width:-webkit-fill-available}.success-message{color:#155724;background-color:#d4edda;border-color:#c3e6cb;padding:10px;margin-top:10px;border:1px solid transparent;border-radius:4px;font-weight:700;text-align:center}.watchlist-indicator{display:inline-block;padding:8px 16px;background-color:#2e7d321a;border:none;border-radius:4px;color:#2e7d32;margin:10px 0;cursor:pointer;transition:background-color .2s}.watchlist-indicator:hover{background-color:#d32f2f1a;color:#d32f2f}.watchlist-indicator span{display:flex;align-items:center;gap:8px}.MovieGrid{margin:1.5rem;display:grid;gap:3em;grid-template-columns:repeat(auto-fill,minmax(20em,1fr))}.pagination{display:flex;justify-content:center;margin-top:1rem;align-items:baseline}.pageButton{margin-right:1rem;margin-left:1rem}.userPin{margin-top:1.5rem;padding:2rem;width:36rem;height:24rem;background-color:#fff;display:flex;flex-direction:column}.userPin p{font-size:1rem;display:inline}.userPin h1{font-size:1.5rem;display:inline}.userPin textarea{font-size:.8rem;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available;height:auto;display:inline}.profile{margin:1.5rem auto;display:flex;justify-content:center;margin-bottom:auto}.profile .buttonDiv{display:inline-block;vertical-align:bottom;height:0%}.profileButtons{display:flex;flex-direction:column;float:inline-end;align-items:center;margin-top:auto}.fields{display:flex;flex-direction:column}.userRow{display:flex;flex-direction:row}.userRow input{margin:auto 0 auto auto;height:fit-content;padding:.5rem;width:28%}.profileSplit{margin:auto;width:15rem}.profileInfo{display:flex;flex-direction:column}profile button{width:calc(100% - 9rem);margin:0rem 4.5rem;padding:.3rem .6rem;background-color:#f6eee3;font-size:1.2rem;color:#4a4a4a;border:2px solid #4a4a4a;border-radius:3rem;transition:.15s ease-in-out}profile button :scope:hover{color:#f6eee3;background-color:#575757;cursor:pointer}.loginForm{margin:auto;margin-top:6rem;width:100%;max-width:18rem;padding:3rem 3rem 4rem;color:#fff;-webkit-backdrop-filter:blur(12px) brightness(40%);backdrop-filter:blur(12px) brightness(40%);border:.1rem solid #57534e;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media only screen and (max-width: 600px){.loginForm{padding:1rem;max-width:15rem}}.loginForm h1{margin-bottom:.25rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;text-align:center}.loginForm .textInput{position:relative;margin-top:1rem;margin-bottom:1rem}.loginForm .textInput input{display:block;width:100%;background:none;padding:.3rem 0rem .15rem;font-size:.875rem;line-height:1.25rem;border:none;border-bottom:2px solid #cccccc;border-radius:0rem;box-shadow:none;appearance:none;transition:all .3s ease-in-out;color:#fff}.loginForm .textInput input:focus{margin:0rem;border:none;border-bottom:2px solid #34d399;outline:none}.loginForm .textInput label{pointer-events:none;margin:0rem;padding:0rem;position:absolute;font-size:.875rem;line-height:1.25rem;transition:all .18s ease-in-out;transform:translateY(-1.5rem)}.loginForm .textInput input:focus+label{transform:translateY(-2.5rem);color:#34d399;font-size:.75rem;line-height:1rem}.loginForm .textInput input:not(:placeholder-shown)+label{transform:translateY(-2.5rem);font-size:.75rem;line-height:1rem}.loginForm button{width:100%;margin-top:1.5rem;margin-bottom:1rem;padding-top:.5rem;padding-bottom:.5rem;border-radius:5rem;background-color:#fff;box-shadow:none;border:none;color:#065f46;transition:all .1s ease-in-out}.loginForm button:hover{color:#fff;background-color:#065f46;cursor:pointer}.loginForm p{margin:1rem 0rem 0rem;padding:0rem}.loginForm a{margin:0rem;padding:0rem;color:#60a5fa}.loginForm .checkboxInput input{accent-color:#34d399}.profileButton{margin:1rem!important}.deleteButton{background-color:#b35032}.profileInfo{position:relative;padding:1em 1em 2em;box-sizing:border-box;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:.75em}.formTypeA{margin:1.5rem 9rem;padding:3rem;background-color:#fafaf9;border-radius:.75rem;box-shadow:.09rem .09rem .3rem #2c1a1d}.formTypeA .splitSpace>div{width:100%}.formTypeA h1{text-decoration:underline #065f46;margin-top:0rem}.formTypeA h3{margin-top:.6rem;margin-left:0rem}.formTypeA h4{margin-top:.6rem;margin-bottom:0rem}.formTypeA p{margin:0rem}.formTypeA .textInput{width:100%;padding-top:.3rem;padding-bottom:.3rem}.formTypeA .textInput label{display:inline-block;margin-bottom:.09rem}.formTypeA .textInput input,.formTypeA .textInput textarea{box-sizing:border-box;width:100%;padding:.48rem;background-color:#e5e5e5;border:none;border-radius:.15rem;resize:none}.formTypeA .textInput.withButton input,.formTypeA .textInput.withButton textarea{width:calc(100% - 3.6rem)}.formTypeA .textInput.withButton button{vertical-align:top;margin:2.4rem 0rem 0rem .6rem;box-sizing:border-box;width:3rem;height:1.5rem}.formTypeA input:focus,.formTypeA textarea:focus{outline-color:#065f46}.formTypeA .newIngredientDiv{padding:.3rem}.formTypeA .newIngredientDiv input,.formTypeA .newIngredientDiv select{box-sizing:border-box;padding:.48rem;background-color:#e5e5e5;border:none;border-radius:.15rem}.formTypeA .newIngredientDiv input{margin-right:.3rem;width:calc(35% - .15rem)}.formTypeA .newIngredientDiv select{width:calc(65% - .15rem)}.formTypeA .newIngredientDiv .activeSearchBar input{margin-top:.3rem;width:100%}.settingsPage{margin-left:auto;margin-right:auto;width:auto;justify-content:center;display:flex;margin-top:1.5rem;gap:.6rem;flex-wrap:wrap}*{padding:0;font-family:Montserrat,sans-serif}:root{font-size:1rem;letter-spacing:1px;background-color:#f5f8fa;--base-color: #065f46}body{margin:0;padding:0;background-size:cover;background-position:center}#root{width:100%;margin:0rem;padding:0rem}main{margin:0rem;padding:1rem 0rem 0rem;min-height:100vh;background-size:cover;background-repeat:no-repeat;background-position:center center}h3{margin-top:2rem;margin-left:.5rem;margin-bottom:.2rem;font-weight:100;font-size:24px}.hidden{display:none}.centred,.centered{margin-left:auto;margin-right:auto}.displayData{margin-left:1.2rem}.displayData p{display:inline-block;margin:.3rem 0rem}.softText{color:#4b4b4b;font-style:italic}.void{width:100%}.notIntractable{pointer-events:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.error{margin:0rem!important;padding:.3rem .3rem .3rem .9rem!important;border:.1rem solid #991b1b;border-radius:.3rem;background-color:#991b1b80}.halfVerticalSpace{width:100%;height:50%}::-webkit-scrollbar{width:.45rem}::-webkit-scrollbar-thumb{background-color:#717171;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#575757}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.splitSpace{display:flex;width:100%;margin:0rem;padding:0rem;gap:1rem}.split{flex-grow:.8}@media only screen and (max-width: 720px){.splitSpace{display:inline}}.btn-primary{margin:0 5px;padding:.375rem .75rem;border-radius:.25rem;width:6rem}.center{display:flex;flex-direction:row;justify-content:center}.titleCard{width:auto;padding:.5rem 1rem;box-sizing:border-box;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:.75rem;margin-bottom:0;margin-top:.5rem;font-size:2rem}.linkID{text-decoration:none;color:#000;text-decoration:underline}h2{margin-top:.83em}