@import"https://fonts.googleapis.com/css2?family=Passion+One&display=swap";*{box-sizing:border-box;margin:0;padding:0}.login-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/dogbones-_A9vKWVV.jpg);background-size:cover;opacity:.8;z-index:-1;background-position:center}@media (max-width: 700px){.login-bg{height:100vh;width:auto}}form{display:flex;flex-direction:column;gap:10px}.form-text{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}input{border-radius:15px;height:2.2em;padding:0 10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.form-content{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1b3638;padding:20px;border-radius:15px;color:#fff;box-shadow:5px 8px 6px -6px #33686b;max-width:80%;width:300px}.login-btn{background-color:#dec9de;color:#fff;padding:16px;margin:5px;border-radius:25px;color:#000;cursor:pointer}.login-btn:hover{background-color:#e9b0da}*{box-sizing:border-box}body{margin:0}i{padding:0 10px 0 20px}.logout-container{font-weight:500;color:#1b3638c7;text-decoration:inherit;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;align-items:center;padding:20px 25px;cursor:pointer}.success-message{position:fixed;top:7%;left:50%;transform:translate(-50%,-50%);padding:10px;border-radius:15px;background-color:#a7ec94;text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.nav-links{top:0;left:0;position:fixed;width:100vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:0 200px;background-color:#fff;min-height:50px;z-index:999;transition:.5s;border-bottom:#1b3638 2px solid;box-shadow:0 8px 6px -6px #1b3638}@media (max-width: 850px){.nav-links{padding:0 20px}}.logo-dog{font-size:1.5em}.logo-text{font-size:2.2em}.site-title{font-size:1.2rem;font-weight:800;color:#000}.site-title a:hover{color:#0e5459}.nav-locations{display:flex;flex-direction:row;list-style-type:none;justify-content:center}.nav-locations li{transition:.3s}.nav-locations li a{padding:20px 25px;list-style:none;display:block;transition:.3s}.nav-locations li a:hover,.logout-container:hover{box-shadow:0 10px 15px #0f1e1f;background-color:#1b3638;padding:20px 25px;color:#fff}.active-link{background-color:#c9e2e4;box-shadow:0 0 2px inset #1b3638}a{font-weight:500;color:#1b3638c7;text-decoration:inherit;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}body,container html{height:100%;margin:0;overflow-x:hidden}.container{position:relative;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.search-head{text-align:center;background-color:#ffffff6f;border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:50vw}.search-head p{font-size:1.2rem}.subtext{padding-bottom:15px;margin:10px}.search-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:relative;padding:35px 0}.background-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/twodogs-dYpUkxYq.jpg);background-size:cover;opacity:.8;z-index:-1;background-position:center}.asc-desc-btn{border-radius:0;width:80px;height:20px;background-color:transparent;border:1px solid green;color:#fff}.asc-desc-btn svg{position:relative;top:1px;margin-left:5px}.search-btn{height:50px;width:350px;font-size:24px;margin-bottom:10px;transition:all .35s}.search-btn:hover{cursor:pointer;color:#fff;width:400px;background:#047f64}.link-button:hover{color:#fff}.filters{display:flex;flex-direction:row;gap:10px;position:relative}.filters select{background-color:#03856b;color:#fff;border-top:1px solid black}@media (max-width: 800px){.filters{flex-direction:column}.search-head{width:80vw}}.next25{cursor:pointer;width:100px;background-image:linear-gradient(to bottom right,#00ff00,#008000);margin:20px 0;padding:5px;border:none}.next25:hover{background-image:linear-gradient(to bottom right,#008000,#00ff00)}.btn{cursor:pointer;margin:5px;border-radius:10px;transition:.2s}.btn:hover{box-shadow:0 0 10px #fff}.pag-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 15px;color:#00f}.sort{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 15px}.search-results-container{position:relative;margin:0 auto 50px;color:#e7e5df;background-color:#1b3638;padding:20px;width:80%;max-width:1500px;border-radius:15px;text-align:center;box-shadow:0 0 5px #282b29da}.main{display:flex;flex-direction:column;min-height:100vh;position:relative;margin-top:50px}.content{flex-grow:1;position:relative}.dropdown{padding:10px;border-radius:5px;border:2px solid #1b3638;background-color:#fff;color:#1b3638;font-size:16px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.dropdown:hover{cursor:pointer;box-shadow:0 0 10px #1b3638}.dog-card{display:flex;flex-direction:column;align-items:center;height:400px;width:250px;border-radius:8px;padding:10px;margin:10px;background-color:#27484b;color:#fff;box-shadow:0 2px 4px #090000;cursor:pointer;position:relative;opacity:1;transition:opacity .5s ease-out;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.dog-details{display:flex;flex-direction:column;align-items:center}.dog-name{margin:0 auto}.dog-stats{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#315458;border-radius:5px;margin-top:5px;box-shadow:2px 2px 5px #0000005e}.dog-info{max-width:50%;height:50px;display:flex;justify-content:center;align-items:center}.dog-image{width:230px;height:230px;object-fit:cover;border-radius:18px;box-shadow:2px 2px 5px #00000081}.dog-name{font-size:1.5rem;margin-top:10px}.dog-info{margin-bottom:5px;min-width:115px}.dog-details p,.dog-details h2{width:150px}.selected{background-color:#047f64}.breed-box{min-width:200px}.dog-fav{border:2px soliod red;position:absolute;display:flex;justify-content:flex-end;width:280px}.popup-added{background-color:red;position:absolute;border-radius:15px;transition:opacity 1s ease-out;opacity:0;top:180px;padding:5px}.popup-added.active{opacity:1}.heart{color:red;font-size:24px;background-color:transparent;border:none;cursor:pointer}.heart:hover{font-size:30px}.icon{font-size:24px;margin:0 5px}.age-icon{color:#00d5ff}.location-icon{color:#f5c517}.breed-icon{color:#00cb00}.search-results{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.footer{margin:0 auto;background-color:#a7d8df;padding:30px 0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.footer-container{display:flex;flex-direction:row;justify-content:space-around}.social-media ul{display:flex;flex-direction:row;list-style-type:none}.footer-bottom{text-align:center}@media (max-width: 500px){.footer-container{flex-direction:column;align-items:center;text-align:center}.social-media ul{margin:5px 0;justify-content:center}.contact-info{margin:5px 0}.contact-info h4{margin-bottom:5px 0}}body{display:flex;flex-direction:column;min-height:100vh;margin:0}.favorites-container{margin-top:50px;text-align:center;flex:1;position:relative;background-image:linear-gradient(#ff000000,#9bccd4);box-shadow:inset 0 -5px 5px -5px #000;padding-bottom:20px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.match-container{position:relative}.card-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.match-btn{height:80px;width:350px;font-size:24px;margin-bottom:10px;transition:all .35s;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.match-btn:hover{cursor:pointer;color:#fff;width:450px;background:#047f64}.main{display:flex;flex-direction:column;min-height:100vh;position:relative}.foot{position:relative;flex-shrink:0;bottom:0;width:100vw}.match-card{display:block;background-color:#047f64;max-width:80%;margin:15px auto;box-shadow:5px -3px 30px #000;border-radius:50px;color:#fff;padding:20px}.match-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.match-image{object-fit:cover;width:80%;border-radius:20px;border:1px white solid}.match-name{font-size:50px}.match-info{max-width:50%;height:50px;font-size:20px;display:flex;justify-content:center;align-items:center}.match-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:0 10px;justify-content:center;align-items:center;background-color:#0c5142;border-radius:5px;margin-top:5px;box-shadow:2px 2px 5px #0000005e}@media (max-width: 650px){.match-stats{flex-direction:column}.match-info{flex-direction:column;padding:0}}.icon-loader{font-size:30px;text-align:center;padding-left:5px;margin-top:30%;font-family:Passion One,cursive;color:#000}.loader{overflow:hidden;position:relative;z-index:1;width:600px;height:600px}.loader-inner{bottom:0;height:60px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap{animation:spin 2s cubic-bezier(.175,.885,.32,1.275) infinite;box-sizing:border-box;height:50px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:50% 100%;width:100px}.loader-line{border:4px solid transparent;border-radius:100%;box-sizing:border-box;height:100px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap:nth-child(1){animation-delay:-50ms}.loader-line-wrap:nth-child(2){animation-delay:-.1s}.loader-line-wrap:nth-child(3){animation-delay:-.15s}.loader-line-wrap:nth-child(4){animation-delay:-.2s}.loader-line-wrap:nth-child(5){animation-delay:-.25s}.loader-line-wrap:nth-child(1) .loader-line{border-color:#eb4747;height:90px;width:90px;top:7px}.loader-line-wrap:nth-child(2) .loader-line{border-color:#ebeb47;height:76px;width:76px;top:14px}.loader-line-wrap:nth-child(3) .loader-line{border-color:#47eb47;height:62px;width:62px;top:21px}.loader-line-wrap:nth-child(4) .loader-line{border-color:#47ebeb;height:48px;width:48px;top:28px}.loader-line-wrap:nth-child(5) .loader-line{border-color:#4747eb;height:34px;width:34px;top:35px}@keyframes spin{0%,15%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-out{opacity:0;transition:opacity .5s ease-out}