*{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif}body{background-color:#e6e6e6}#reset-password-component,#reset-password-form,#new-password-form{display:flex;flex-direction:column;align-items:center}#email-sent-message{margin-top:12px;font-size:20px}#passwords-do-not-match-text,.password-updated-text{text-align:center;margin-top:3vh;color:brown;font-size:1.5vw}.password-updated-text{color:#228b22}#auth-component{height:100vh;overflow-x:hidden}#auth-title{font-size:17vw;margin-top:9vh;margin-bottom:8vh;text-align:center;color:#196f3d}#auth-form-container{display:flex;flex-direction:column;width:100%;height:fit-content}button,.input{align-self:center;height:30px;margin-top:2vh}button{width:30vw;font-size:17px;border-radius:12px;border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid black;border-right:1px solid black;box-shadow:3px 3px 2px #a9a9a9,inset 3px 3px 2px #f5f5f5;background-color:silver}button:active{border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid white;border-right:1px solid white;box-shadow:3px 3px 2px #f5f5f5,inset 3px 3px 2px #a9a9a9;background-color:silver}button:hover{cursor:pointer}.input{width:29vw;border-radius:12px;text-align:center;font-size:18px;font-weight:600}#form-parent{display:flex;flex-direction:column}#error-message-parent{margin-top:3vh;display:flex;flex-direction:column;align-items:center}#error-message-simple{font-size:18px;color:brown;align-self:center;margin:30px}#forgot-password-form{display:flex;flex-direction:column;margin-bottom:5vh}@media (max-width: 700px){button,.input{border-radius:50px;width:70%;height:6vh}}@keyframes chop{}.star-image{height:3.3vw}.star-image:hover{cursor:pointer}@media (max-width: 700px){.star-image{height:4.4vw}}#search-posts>form{display:flex}#search-input{font-size:20px;border-radius:5px;padding:2px;text-indent:3px}#button-container{display:flex;align-items:center}#search-button{width:10vw;min-width:130px;height:30px;margin-top:0}@media (max-width: 700px){#search-input,#search-button{height:4vh}#search-button{margin-bottom:4px}}#recipe-list-component{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;margin:.5vw auto 0}#recipe-parent{display:grid;grid-gap:6vw;grid-template-columns:repeat(4,1fr);width:fit-content;padding-top:30px}#individual-recipe{display:flex;flex-direction:column;cursor:pointer}#recipe-image-border{border:1px solid black}#recipe-image,#recipe-image-border{height:10vw;width:15vw;margin:auto}#recipe-title{display:flex;justify-content:center;align-items:center;height:2.3em;text-align:center;font-size:2vw}#recipe-rating{text-align:center;font-size:2vw}@media (max-width: 700px){#recipe-list-component{padding-top:10px}#recipe-parent{grid-template-columns:repeat(2,1fr)}#recipe-image,#recipe-image-border{height:26vw;width:40vw}#recipe-title{height:3em;font-size:4vw}}#post-recipe-component{display:flex;flex-direction:column;align-items:center;margin-bottom:12vh}#post-recipe-form{display:flex;flex-direction:column;margin-top:4vh}.post-recipe-labels{text-align:center}.post-recipe-inputs{font-family:Arial,Helvetica,sans-serif;font-size:20px;padding:3px;text-indent:3px;resize:none;overflow:hidden}#add-delete-ingredients-parent>button,#add-delete-steps-parent>button{height:8vh;width:16vw}#recipe-photo-preupload{height:10vw;width:15vw}#recipe-photo-preupload-button-parent{display:flex}#delete-preupload-photo-button{height:8vw;width:16vw;align-self:flex-start}@media (max-width: 700px){#post-recipe-form{margin-top:2vh;width:80vw}#add-delete-ingredients-parent,#add-delete-steps-parent{display:flex;justify-content:space-evenly}#add-delete-ingredients-parent>button,#add-delete-steps-parent>button{width:50%}}#post-created-component{display:flex;flex-direction:column;align-items:center;margin-top:10vh}#loading-bar{margin-top:12px;border:1px solid black;width:30vw;height:20px;overflow:hidden;border-radius:5px}#loading-bar>div{height:100%;width:100%;background-color:brown;animation:slide-right 2s cubic-bezier(.25,.46,.45,.94) both}@media (max-width: 700px){#loading-bar{width:70vw}#loading-bar>div{animation:slide-right-small-screen 2s cubic-bezier(.25,.46,.45,.94) both}}@keyframes slide-right{0%{transform:translate(-30vw)}80%{transform:translate(-8vw)}to{transform:translate(0)}}@keyframes slide-right-small-screen{0%{transform:translate(-70vw)}80%{transform:translate(-8vw)}to{transform:translate(0)}}#recipe-comments-component{width:60vw;margin:0 auto 50px;display:flex;flex-direction:column}#recipe-comments-form{margin-top:10px;display:flex;height:5vw;justify-content:space-evenly;align-items:center}#comment-input{font-size:22px;width:50vw;height:35px;text-indent:10px;padding:2px;box-shadow:2px 2px 2px #fff,inset 4px 4px 4px gray;border:none}#comment-input:focus{outline:none;border:1px solid gray}#submit-comment-button{height:50%;margin:0;box-shadow:none;width:5vw}#comment-parent{margin-top:20px}#comment-user-text,#comment-body-text{font-size:22px}#comment-body-text{margin-left:2vw;margin-top:10px}#comment-bottom-border{height:2px;width:100%;background-color:silver;border-radius:50%}#load-more-comments-button{height:4vh;border-radius:22px}@media (max-width: 700px){#recipe-comments-form{flex-direction:column;height:fit-content}#submit-comment-button{margin-top:12px;width:100%;height:50px}#comment-parent{margin-top:50px}#comment-input{width:70vw;height:50px;max-height:none}}#single-recipe-component,#photo-swap-photo-button-parent{display:flex;flex-direction:column}#recipe-deleted-banner{position:absolute;top:25vh;left:6vw;animation:stamp .4s cubic-bezier(.25,.46,.45,.94) both;font-size:10vw;color:#c63f17cc}#single-recipe-title-and-image,#ingredients-steps-parent{display:flex;height:fit-content;margin:1vw 5vw;align-items:center}#single-recipe-image{height:15vw;width:20vw}#edit-recipe-photo-parent{margin:12px auto auto;font-size:1.2vw;font-weight:600}#edit-recipe-photo-parent>input{display:none}#edit-recipe-photo-parent label{display:inline-block;padding:10px 20px;background-color:#196f3d;color:#fff;cursor:pointer;border-radius:5px;text-align:center}#swap-photo-button{width:90%}#single-recipe-title{text-align:center;font-size:5.5vw;padding-bottom:4vh}#ingredients-steps-parent{justify-content:space-between;margin-top:2.5vw;align-items:flex-start}#steps,#ingredients{max-width:40vw}#steps>h3,#steps>ol{text-align:right}ol{display:flex;flex-direction:column}li{border-bottom:1px solid black;font-size:1.5vw}.editing-recipe-inputs{max-width:40vw;width:40vw;font-size:1.5vw}#editing-recipe-buttons-parent{display:flex;flex-direction:column}#delete-recipe-button{margin-bottom:13.5px}#editing-recipe-bottom-border{border-bottom:3px solid black;border-radius:50%;width:60%;align-self:center;margin-bottom:13.5px}#update-recipe-button{margin-bottom:2vh}.edit-recipe-buttons{margin:0 0 5vh}#submit-recipe-changes-button{margin-top:0;margin-bottom:15px}#updated-recipe-message{align-self:center}#recipe-bottom-border{height:3px;width:90vw;background-color:#000;border-radius:50%;margin:auto}@media (max-width: 700px){#single-recipe-title-and-image{flex-direction:column}#single-recipe-image{height:55vw;width:75vw}#single-recipe-title{font-size:8vw;padding-bottom:0;margin-bottom:-10px}#uploaded-by{font-size:6vw}#ingredients-steps-parent{flex-direction:column;justify-content:center;align-items:center}#ingredients,#steps{width:97%;max-width:none}ul>li,ol>li{font-size:4vw}#recipe-bottom-border{margin-bottom:12px}#edit-recipe-photo-parent{font-size:4vw;margin-bottom:6px}.editing-recipe-inputs{align-self:center;max-width:none;width:80vw;margin:0;font-size:3.5vw}ol>.editing-recipe-inputs{text-align:right}ul{display:flex;flex-direction:column}}@keyframes stamp{0%{opacity:0}10%{opacity:.4;transform-origin:50% 50%;transform:rotate(2deg) scale(5);transition:all .3s cubic-bezier(.6,.04,.98,.335)}to{opacity:.8;transform:rotate(12deg) scale(1)}}#front-page-component{font-size:40px}#top-banner-background{background-image:url(/assets/cutting-board-flipped-cC4W_WKL.JPG);height:110px;display:flex;justify-content:space-between}#top-banner{display:flex;height:12vh;min-height:60px;color:#196f3d;font-weight:600;font-size:100px;padding-left:2vw;cursor:pointer}#top-banner-post-logout-parent{font-size:25px;display:flex;justify-content:flex-end;align-items:flex-end;padding-right:1vw}#create-recipe-button,#logout-button{cursor:pointer}#create-recipe-button{margin-right:2.5vw}@media (max-width: 700px){#front-page-component{overflow-x:hidden}#top-banner-background{display:flex;flex-direction:column;align-items:center}#top-banner{margin-top:1.5vw;font-size:14vw}#top-banner-post-logout-parent{width:100%;display:flex;justify-content:space-between}#create-recipe-button{margin-left:8px}#logout-button{margin-right:8px}}