.sideBarContainer{height:100vh;border-right:0px solid black;flex:1;display:flex;flex-direction:column;background-color:var(--primary-color)}.profilePicture{display:flex;justify-content:center;margin:20px;padding:20px}.userName{display:flex;justify-content:center;color:var(--secondary-color);font-size:larger;font-family:Archivo Black,serif}.itemList{margin:20px;padding:20px;display:flex;flex-direction:column;width:100%}.listItem{width:fit-content;color:var(--text-color);font-size:larger;font-family:Archivo Black,serif;margin-bottom:10px}a:hover{text-decoration:none;background-color:#fff}.contentContainer{flex:3;display:flex;height:100vh;flex-direction:column;font-family:Raleway,serif;overflow:auto}.HomePageContent{margin:20px;display:flex;flex-direction:column;justify-content:center;gap:30px}.titleFont{font-family:Archivo Black,serif}.headingFont{font-family:Raleway,serif;text-decoration:underline}.PersonalInformationContent{margin:20px;display:flex;flex-direction:column;justify-content:center;gap:30px}.saveContainer{width:75%;display:flex;justify-content:flex-end}.saveButton{width:fit-content;font-size:24px;padding:10px 20px;display:flex;justify-content:center;border:1px solid;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s,transform .1s}.saveButton:active{transform:scale(.95)}.IngredientsContent{height:calc(100vh - 30px);margin:20px;display:flex;flex-direction:column;gap:30px;position:relative}.createRecipeButtonContainer{position:absolute;bottom:0;margin-bottom:10px;width:100%}.alert{position:fixed;top:0;right:0;color:#333;padding:10px;z-index:1000}.saveRecipe{width:fit-content;font-size:24px;padding:10px 20px;display:flex;justify-content:center;border:1px solid;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s,transform .1s}.saveRecipe:active{transform:scale(.95)}.createRecipeButton{justify-content:flex-start;font-size:24px;width:100%;padding:10px 20px;border:1px solid;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s,transform .1s}.createRecipeButton:active{transform:scale(.95)}.deleteContainer{height:100%}th{white-space:nowrap}.LoginPageContainer{position:absolute;width:100%;height:100vh}.logoContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome{font-family:Archivo Black,serif}.nextButtonContainer{margin-top:40px;width:50%;display:flex;justify-content:center}.loginAlert{position:fixed;top:0;right:0;color:#333;padding:10px;z-index:1000;transform:scale(2);transform-origin:top right}.nextButton{font-size:24px;width:75%;padding:10px 20px;border:1px solid;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .3s,transform .1s}.nextButton:active{transform:scale(.95)}.info1{margin-top:40px;display:flex;justify-content:center;width:50%}.info2{margin-top:15px;display:flex;justify-content:center;width:50%}.logo{position:relative;margin-top:80px;width:15%;height:15%}.emptySpace{padding-bottom:100px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #52ADA2;--secondary-color: #ADDCCA;--background-color: #F7F8F3;--text-color: #AADE87}body{margin:0}