header{width:100%;text-align:left;height:5rem;background-color:#86477f;display:flex;align-items:center;gap:3rem}.header-title{margin:0;color:#f6f4f0;margin-left:2rem;font-size:3rem;font-weight:600;text-decoration:none}.header-title:hover{cursor:pointer}.header-link{color:#f6f4f0}#root{margin:0 auto}.form-input{width:60%;height:2.5rem;border:solid 1px #3E373D;border-radius:2rem;padding-left:1rem}.form-label{text-align:left;font-weight:500}.submit-button{width:60%;height:3rem;border:none;border-radius:1rem;background-color:#928fbc;color:#f6f4f0;font-weight:600;font-size:1.25rem;box-shadow:0 .2rem .2rem #00000040}.submit-button:hover{cursor:pointer;background-color:#a6b1ce}.submit-button:active{box-shadow:none}.horizontal-flex{display:flex;align-items:center}.home-page{display:flex;justify-content:center;align-items:center;gap:10rem;padding:1rem 0}.home-page-content{display:flex;flex-direction:column;align-items:center}.home-page-image{width:400px;height:400px}.home-page-title{color:#4c65a1;font-size:6rem;margin:0}.home-page-tagline{color:#a6b1ce;font-size:2.25rem;max-width:19rem;margin:0}.login-container-header{width:360px;min-width:280px;height:3rem;background-color:#86477f;border-radius:12px 12px 0 0;display:flex;justify-content:center;align-items:center}.login-container-header p{color:#f6f4f0;font-weight:600}.login-container-body{height:400px;width:360px;min-width:260px;background-color:#f6f4f0;border-radius:0 0 12px 12px;box-shadow:0 4px 4px #0003;padding-top:1.5rem}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.login-lower-input{margin-top:1.5rem}.login-submit{margin-top:2rem}.login-message,.login-error{margin:0;width:100%;text-align:center;font-weight:500}.login-error{color:#e1227e;font-style:italic}.dog-card{max-width:15rem;background-color:#fdf4e7;border-radius:1rem;display:flex;flex-direction:column;align-items:center;padding-top:1rem;box-shadow:0 .2rem .2rem #00000040;position:relative}.dog-card-image{max-width:75%;max-height:12rem;border-radius:1rem;box-shadow:0 .2rem .2rem #00000040}.dog-card-info{margin-bottom:2rem}.dog-card-top-info{height:4rem;margin:.5rem 0 1rem;text-align:center}.dog-card-top-info p{margin:0}.dog-card-name{font-weight:700}.dog-card-breed{font-weight:400;font-style:italic}.dog-card-bottom-info{margin:0 0 3rem 1rem}.dog-card-location,.dog-card-age,.dog-card-zip{margin:.5rem 0 0;text-align:center}.dog-card-button{position:absolute;bottom:1rem;background-color:#928fbc;height:3rem;width:13rem;color:#f6f4f0;border-radius:.5rem;border:none;font-weight:600;box-shadow:0 .2rem .2rem #00000040}.dog-card-button:hover{cursor:pointer;background-color:#a6b1ce}.dog-card-button:active{box-shadow:none;transform:translate(.2rem,.2rem)}.medium{font-weight:500}.selected-dogs-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;padding:0 2rem}.favorites-page-info{margin:2rem;justify-content:right;display:flex;align-items:center}.favorites-page-info-text{text-align:right}.favorites-page-image{max-width:250px;border-radius:50%;box-shadow:0 .2rem .2rem #00000040;margin-left:2rem}.match-button-container{display:flex;justify-content:center;margin:1rem 0}.match-button{background-color:#928fbc;color:#f6f4f0;font-size:2rem;font-weight:600;border-radius:1rem;border:none;height:5rem;width:18rem;display:flex;justify-content:center;align-items:center;text-decoration:none;box-shadow:0 .2rem .2rem #00000040;margin-bottom:2rem}.match-button:hover{cursor:pointer;background-color:#a6b1ce}.match-button:active{box-shadow:none;transform:translate(.2rem,.2rem)}.no-dogs-selected{text-align:center}.filter-box{width:15rem;height:12rem;background-color:#f5f5f5;overflow-y:scroll;border-radius:1rem;font-size:.85rem;padding-left:1rem;box-shadow:0 .2rem .2rem #00000040}.dog-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;padding:0 2rem}.dogs-page-info{display:flex;align-items:center;margin:3rem 0 3rem 3rem}.dogs-page-info h1{font-size:3rem;margin-bottom:.5rem}.dogs-page-info p{font-weight:600;color:#474246}.dogs-page-image{max-width:250px;border-radius:50%;box-shadow:0 .2rem .2rem #00000040;margin-right:2rem}.favorites-button{background-color:#928fbc;color:#f6f4f0;border-radius:1rem;border:none;height:3rem;width:12rem;display:flex;justify-content:center;align-items:center;margin-left:1rem;text-decoration:none;box-shadow:0 .2rem .2rem #00000040}.favorites-button:hover{cursor:pointer;background-color:#a6b1ce}.favorites-button:active{box-shadow:none;transform:translate(.2rem,.2rem)}.filters-container{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:#4c65a1;padding:2rem;width:65%;max-width:1000px;margin:0 auto;border-radius:1rem;margin-bottom:2rem;box-shadow:0 .2rem .2rem #00000040}.filters-container a{text-decoration:none;width:7rem;height:3rem;font-weight:600;display:flex;justify-content:center;align-items:center;background-color:#f6f4f0;color:#3e373d;border-radius:1rem;box-shadow:0 .2rem .2rem #00000040}.filter-box-container p{color:#f6f4f0;margin:0 0 .5rem}.sorting{color:#f6f4f0}.sorting p{margin:.5rem 0;font-weight:600}.zip-filter{display:flex;flex-direction:column;margin-bottom:1rem}.zip-filter label{color:#f6f4f0;font-weight:600}.zip-filter input{height:2rem;width:6rem;border-radius:.5rem;border:none;padding-left:.5rem}.page-selection{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.page-selection a{color:#3e373d}.log-out{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.log-out a{color:#3e373d;margin-left:1rem}.match-page{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.match-page h1,p{margin:0}.match-info{color:#a6b1ce;font-weight:600}.match-image{max-width:400px;max-height:400px;border-radius:3rem;box-shadow:0 .2rem .2rem #00000040}.match-title{font-size:3rem}.match-name{font-size:2.5rem;color:#4c65a1}.go-again-container{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.go-again-text,.go-again-link{font-size:1.25rem;color:#86477f}.about-page{margin-left:3rem;display:flex;align-items:center}.about-title{font-size:4rem;color:#4c65a1}.about-text{max-width:600px}.about-link{color:#a6b1ce;font-weight:600}.about-image{border-radius:50%;max-width:260px;box-shadow:0 .2rem .2rem #0003;margin-left:2rem}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}:root{font-family:Rubik,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#3e373d;background-color:#fed36c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}