._loginContent_1a8tp_18{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}._loginForm_1a8tp_27{background-color:#dfdfdf;width:50vw;max-width:800px;height:50vh;padding:0 2rem;border-radius:8px;box-shadow:0 4px 12px #00000067;display:flex;flex-direction:column;align-items:center}._loginForm_1a8tp_27>div:first-of-type{height:30%;width:100%;display:flex;justify-content:center;align-items:center}._loginForm_1a8tp_27 h2{font-size:64px;font-family:Arial,Helvetica,sans-serif;margin:0}._inputGroup_1a8tp_57{display:flex;flex-direction:column;width:100%;height:auto}._inputGroup_1a8tp_57 label{margin-bottom:.4rem;font-size:1.2rem}._inputGroup_1a8tp_57 input{margin-bottom:.4rem;padding:.3rem;border:1px solid grey;border-radius:.3rem}._optionsWrapper_1a8tp_76{width:100%;text-align:right;font-size:1rem;margin-bottom:1rem}._submitWrapper_1a8tp_83{width:100%}._submitWrapper_1a8tp_83 button{width:100%;padding:.7rem;font-size:1.3rem;background-color:#ed7b34;color:#fff;border:none;border-radius:.2rem;cursor:pointer}._cancelbtn_1a8tp_126{width:auto;padding:10px 18px;background-color:#f44336}._logoutContent_1a8tp_171{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#000}.title-container{display:flex;background-color:#222;height:40vh;justify-content:center;align-items:center;color:#fff}.home-title{margin:0;font-size:5rem}._componentContent_8uiqg_2{flex-grow:1;display:flex;flex-direction:column;background-color:#fff;padding:1rem 2rem}._cookbookCard_8uiqg_22{height:96px;border:2px solid rgb(148,148,148);border-radius:4px;background-color:#ededed;display:flex;flex-direction:row;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:16px;align-items:center;position:relative;box-sizing:border-box}._cookbookCard_8uiqg_22 img{height:80%;border-radius:4px}._contentDiv_8uiqg_41{width:100%;padding-left:16px}._cookbookCard_8uiqg_22:hover{cursor:pointer;background-color:#ededed7e;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}._editButton_8uiqg_53{position:absolute;top:2px;right:30px;z-index:10;width:24px;height:24px;background-color:#acacac;border:2px solid rgba(61,61,61,.765);border-radius:2px;display:flex;justify-content:center;align-items:center;font-size:22px;line-height:1;cursor:pointer;transition:background-color .2s ease}._editButton_8uiqg_53:hover{background-color:#c6c6c66f}._deleteButton_8uiqg_79{position:absolute;top:2px;right:2px;z-index:10;width:24px;height:24px;background-color:#ff000025;border:2px solid rgba(61,61,61,.765);border-radius:2px;display:flex;justify-content:center;align-items:center;font-size:22px;line-height:1;cursor:pointer;transition:background-color .2s ease}._deleteButton_8uiqg_79:hover{background-color:#ff000063}._btnWrapper_8uiqg_105{display:flex;justify-content:end}._btnWrapper_8uiqg_105 button{width:15rem;font-size:1.3rem;background-color:#e3e3e3;border:2px solid black;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._btnWrapper_8uiqg_105 button:hover{background-color:#e3e3e334;box-shadow:0 4px 12px #0000003b}._editForm_8uiqg_131{width:100%;height:100%;display:flex;padding:8px;box-sizing:border-box}._editForm_8uiqg_131>div:nth-child(1){display:flex;flex-direction:column;width:70%;padding:0 16px 0 0}._editForm_8uiqg_131>div:nth-child(1)>input{margin-bottom:8px;border:1px solid black;border-radius:4px;padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:1rem}._editForm_8uiqg_131>div:nth-child(1)>textarea{border:1px solid black;border-radius:4px;padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:2rem}._editForm_8uiqg_131>div:nth-child(2){display:flex;flex-direction:column;width:30%;justify-content:space-around}._saveButton_8uiqg_171{font-size:1rem;background-color:#e3e3e3;border:1px solid black;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._saveButton_8uiqg_171:hover{background-color:#00ff0060;box-shadow:0 4px 12px #0000003b}._cancelButton_8uiqg_186{font-size:1rem;background-color:#e3e3e3;border:1px solid black;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._cancelButton_8uiqg_186:hover{background-color:#e3e3e334;box-shadow:0 4px 12px #0000003b}._componentContent_yrnjc_1{flex-grow:1;display:flex;flex-direction:column;background-color:#fff;padding:1rem 2rem}._componentContent_yrnjc_1 input{height:1.5rem;border-radius:4px;border:1px solid black;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:4px 8px}._divBackground_yrnjc_18{background-color:#cacaca65;border-radius:.4rem;box-shadow:0 4px 12px #00000017}._buttonContainer_yrnjc_28{text-align:right;padding:.4rem 0}._buttonContainer_yrnjc_28 button{width:16rem;font-size:1.1rem;background-color:#e3e3e3;border:2px solid black;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._buttonContainer_yrnjc_28 button:hover{background-color:#e3e3e334;box-shadow:0 4px 12px #0000003b}._createRecipeFormDiv_yrnjc_65{display:flex;flex-direction:row;width:100%}._createRecipeFormDiv_yrnjc_65>form{width:100%}._recipeInfoDiv_yrnjc_76{display:flex;flex-direction:row}._recipeInfoDiv_yrnjc_76>div:nth-child(1)>div:nth-child(2)>textarea{padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;border:1px solid black;border-radius:4px;height:3rem}._recipeInfoDiv_yrnjc_76>div:nth-child(1),._recipeInfoDiv_yrnjc_76>div:nth-child(2){display:flex;flex-direction:column;width:50%;padding:0 1rem 1rem;box-sizing:border-box}._recipeInfoDiv_yrnjc_76>div:nth-child(1) div{width:100%;display:flex;flex-direction:column;padding-bottom:.3rem}._recipeInfoDiv_yrnjc_76>div:nth-child(1)>div:nth-child(5){display:flex;flex-direction:row}._recipeInfoDiv_yrnjc_76>div:nth-child(2){justify-content:center;align-items:center}._recipeImage_yrnjc_118{width:240px}._ingredientsDiv_yrnjc_126{width:100%;padding:0 1rem 1rem;box-sizing:border-box}._ingredientsDiv_yrnjc_126>table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0 .6rem}._ingredientsDiv_yrnjc_126 th,._ingredientsDiv_yrnjc_126 td{padding:2px}._ingredientsDiv_yrnjc_126 input{box-sizing:border-box;width:100%;padding:4px 8px;height:1.5rem;font-size:1rem}._ingredientsDiv_yrnjc_126 th:nth-child(1){width:auto;text-align:left}._ingredientsDiv_yrnjc_126 th:nth-child(2),._ingredientsDiv_yrnjc_126 th:nth-child(3){width:10%;text-align:left}._ingredientsDiv_yrnjc_126 th:nth-child(4),._ingredientsDiv_yrnjc_126 th:nth-child(5),._ingredientsDiv_yrnjc_126 th:nth-child(6){width:8%;text-align:left}._ingredientsDiv_yrnjc_126 th:nth-child(7){width:13%;text-align:left}._ingredientsDiv_yrnjc_126 th:nth-child(8){width:6%;text-align:left}._ingredientsDiv_yrnjc_126>table>tbody>tr>td>button{height:1.5rem;background-color:#e3e3e3;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._ingredientsDiv_yrnjc_126>table>tbody>tr>td>button:hover{background-color:#e3e3e334;box-shadow:0 4px 12px #0000003b}._instructionsDiv_yrnjc_199{padding:0 1rem 1rem;box-sizing:border-box}._instructionsDiv_yrnjc_199>div:nth-child(2)>div{display:flex;width:100%;justify-content:center;align-items:center}._instructionsDiv_yrnjc_199>div:nth-child(2)>div>div:nth-child(1){flex-basis:8%;flex-shrink:0}._instructionsDiv_yrnjc_199>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){flex-grow:1}._instructionsDiv_yrnjc_199>div:nth-child(2)>div>textarea{flex-basis:83%;flex-shrink:0;padding:4px;margin:4px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;border:1px solid black;border-radius:4px;height:3rem}._instructionsDiv_yrnjc_199>div:nth-child(2)>div>button{height:1.5rem;background-color:#e3e3e3;border-radius:.2rem;cursor:pointer;text-align:center;padding:.2rem}._instructionsDiv_yrnjc_199>div:nth-child(2)>div>button:hover{background-color:#e3e3e334;box-shadow:0 4px 12px #0000003b}._tableContainer_yrnjc_262{margin-bottom:1rem}._tableContainer_yrnjc_262 table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0 16px}._tableContainer_yrnjc_262 th,._tableContainer_yrnjc_262 td{padding:8px}._tableContainer_yrnjc_262 th:nth-child(1){width:auto;text-align:left}._tableContainer_yrnjc_262 th:nth-child(2),._tableContainer_yrnjc_262 th:nth-child(3),._tableContainer_yrnjc_262 th:nth-child(4){width:8%;text-align:left}._tableContainer_yrnjc_262 th:nth-child(5){width:10%;text-align:left}._tableContainer_yrnjc_262 th:nth-child(6),._tableContainer_yrnjc_262 th:nth-child(7){width:6%;text-align:left}._tableContainer_yrnjc_262 tbody tr:nth-child(odd){background-color:#cacaca;margin-bottom:.2rem;cursor:pointer}._tableContainer_yrnjc_262 tbody tr:nth-child(odd):hover{background-color:#cacacab1;box-shadow:0 4px 12px #00000035}._tableContainer_yrnjc_262 tbody tr:nth-child(2n){background-color:#989898;margin-bottom:.2rem;cursor:pointer}._tableContainer_yrnjc_262 tbody tr:nth-child(2n):hover{background-color:#989898b1;box-shadow:0 4px 12px #00000035}._btnEdit_yrnjc_325{border:none;background-color:#595959;border-radius:4px;cursor:pointer;height:100%;color:#fff}._btnEdit_yrnjc_325:hover{background-color:#ffa6478f}._btnDelete_yrnjc_338{border:none;background-color:#ff6464;border-radius:4px;cursor:pointer;height:100%}._btnDelete_yrnjc_338:hover{background-color:#ff646477}._readRecipeGeneralDiv_yrnjc_361{display:flex;width:100%;margin-bottom:2rem}._readRecipeGeneralDiv_yrnjc_361>div{width:50%;padding:0 1rem 1rem}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(2){display:flex;flex-direction:column}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(2)>label{padding:.4rem 0}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(2)>textarea{border:1px solid black;border-radius:4px;padding:4px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:3rem;margin-bottom:1rem}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(4)>div{display:flex}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(4)>div>div{width:8rem}._readRecipeGeneralDiv_yrnjc_361>div:nth-child(1)>div:nth-child(4)>div>div{display:flex;flex-direction:column}._readRecipeRecipeLinesDiv_yrnjc_412{display:flex;flex-direction:column;width:100%;margin-bottom:2rem;padding:0 1rem 1rem;box-sizing:border-box}._readRecipeRecipeLinesDiv_yrnjc_412>table{width:100%;border-collapse:separate;table-layout:fixed;border-spacing:0 8px}._readRecipeRecipeLinesDiv_yrnjc_412>table>thead>tr>th{border-bottom:1px solid black}._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(1){width:auto;text-align:left}._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(2),._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(3){width:12%;text-align:left}._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(4),._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(5),._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(6),._readRecipeRecipeLinesDiv_yrnjc_412 th:nth-child(7){width:10%;text-align:left}._readRecipeInstructionsDiv_yrnjc_455{display:flex;flex-direction:column;width:100%;margin-bottom:2rem;padding:0 1rem 1rem;box-sizing:border-box}._readRecipeInstructionsDiv_yrnjc_455>ol>li{padding-bottom:1rem}._header_1l1tj_16{overflow:hidden;background-color:#333;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:space-between}._primaryNav_1l1tj_31{overflow:hidden;background-color:#333;font-family:Arial,Helvetica,sans-serif}._navbarLink_1l1tj_39{float:left;font-size:16px;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}._dropdown_1l1tj_49{float:left;overflow:hidden}._dropdown_1l1tj_49 ._dropbtn_1l1tj_55{cursor:pointer;font-size:16px;border:none;outline:none;color:#fff;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}._navbar_1l1tj_39 ._navbarLink_1l1tj_39:hover,._dropdown_1l1tj_49:hover ._dropbtn_1l1tj_55{background-color:#4d4c4c}._dropdownContent_1l1tj_74{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}._dropdownContent_1l1tj_74 ._navbarLink_1l1tj_39{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}._dropdownContent_1l1tj_74 ._navbarLink_1l1tj_39:hover{background-color:#ddd}._dropdown_1l1tj_49:hover ._dropdownContent_1l1tj_74{display:block}._footer_1l1tj_113{display:flex;background-color:#2d2d2d;justify-content:center;color:#fff}.root-div{display:flex;flex-direction:column;min-height:100vh}.root-div>header{position:sticky;top:0;z-index:1000}.root-div>main{flex-grow:1;display:flex;flex-direction:column}body{margin:0}.gl{border:1px solid rgb(187,33,243)}.content{flex-grow:1;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}