body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{color:#282c34}.background{background-image:linear-gradient(to bottom right,#700000,#002d42);background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:fixed;top:0;width:100%;z-index:-1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.editableDog{align-content:center;align-items:center;background:hsla(0,0%,97%,.5);border:transparent;border:2px solid rgba(0,0,0,.1);border-radius:10px;flex-direction:column;flex-wrap:nowrap;height:350px;margin-left:10px;margin-right:10px;margin-top:20px;padding:10px;width:293px}.dogCards,.editableDog{display:flex;justify-content:space-evenly}.dogCards{flex-direction:row;flex-wrap:wrap}h2{display:inline;left:0;margin:0;padding:10px;top:0}.select{font-size:16px;height:40px;height:45px}.select,select{background-color:hsla(0,0%,100%,.5);border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;margin-top:10px;width:220px}select{font-size:15px;height:40px;height:36px;margin-right:40px}.search{background-color:hsla(0,0%,100%,.5);box-sizing:border-box;height:40px;margin-left:40px;width:220px}.search,button{border:none;border-radius:4px;cursor:pointer;font-size:20px;margin-top:10px}button{background-color:#002c5b;color:#fff;padding:10px 20px}.addNewDog{height:45px;width:220px}.addNewDog,.editDog{background-color:#009b05;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;margin-top:10px;padding:10px 20px}::-webkit-input-placeholder{color:#0a0a0a;font-size:20px}::placeholder{color:#0a0a0a;font-size:20px}button:hover{background-color:#001934}.addNewDog:hover,.editDog:hover{background-color:#026d06}.delete{background-color:#de4848}.delete:hover{background-color:#d60404}label{color:#fff;font-size:17.5px}@-webkit-keyframes anvil{0%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}1%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px)}to{box-shadow:0 0 500px hsla(0,0%,95%,0);opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes anvil{0%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}1%{box-shadow:0 0 0 hsla(0,0%,95%,0);opacity:0;-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px)}to{box-shadow:0 0 500px hsla(0,0%,95%,0);opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.popup-content{-webkit-animation:anvil .3s cubic-bezier(.38,.1,.36,.9) forwards;background:rgba(0,0,0,.5);color:#f0f8ff;margin:auto;padding:5px}.popup-arrow{color:#000}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.box{background-color:rgba(0,0,0,.5);margin:auto;min-height:540px;min-width:1000px;padding:10px}.form-box{display:flex;justify-content:space-around}.box-split{width:100%}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;font-size:15px;height:45px;padding:8px;width:220px}input[type=email],input[type=number],input[type=password],input[type=text],textarea{font-size:20px;width:80%}textarea{height:200px}.closeButton,.saveButton{position:absolute;top:500px}.closeButton{background-color:#de4848;right:347px}.closeButton:hover{background-color:#d60404}.interestsBox{background:hsla(0,0%,97%,.5);border:transparent;border-radius:10px;margin-left:10px;margin-right:10px;margin-top:20px;padding:10px;width:95%}.interestPageBody{text-align:center}body{background-color:#f2f2f2;font-family:Arial,sans-serif;margin:0;padding:0}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px hsla(0,0%,100%,.1);padding:30px;text-align:center}.login-box h2{color:snow;font-size:24px;margin-bottom:20px}.button-container{display:flex;flex-direction:column;gap:10px}.loginbutton{background-color:#002c5b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:45px;padding:12px 24px;transition:background-color .2s ease-in-out;width:220px}.loginbutton:hover{background-color:#001934}.App{flex-direction:column;margin-top:20px}.App,.background{align-items:center;display:flex}.background{background-color:#f0f0f0;height:100vh;justify-content:center}.container{border-radius:8px;color:#fff;flex-direction:column;font-size:26px}.container,.photo-container{align-items:center;display:flex}.photo-container{flex-direction:row;margin:10px}.photo-container img{margin:10px;max-height:450px;max-width:450px}.photo-container button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-right:15px;padding:10px 20px;text-align:center;text-decoration:none}.photo-container button[disabled]{background-color:#aaa;cursor:not-allowed}.attributes-list{list-style:none;margin:0;padding:0}.attributes-list li{margin-bottom:5px}.want-button{background-color:#002c5b}.back-button,.want-button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}.back-button{background-color:#d9534f;margin-left:10px}.back-button:hover{background-color:#d60404}.fade-in-out{opacity:0;transition:opacity .5s ease-in-out}.fade-in-out.show{opacity:1}.dog-details{background-color:hsla(0,0%,100%,.4);border-radius:8px;color:#282c34;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:800px;padding:20px}.dog-details-section{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0;margin-bottom:20px;padding:10px}.dog-details-section h2{font-size:16px;font-weight:700;margin-bottom:10px}.dog-details-section p{font-size:14px}.dog-details-section .attributes-list{margin-top:5px;padding-left:20px}.dog-details-section .attributes-list li{font-size:14px}.admin-panel{align-items:baseline;background-color:hsla(0,0%,100%,.2);display:flex;justify-content:space-around}.photo-thumbnails{-webkit-margin-after:20px;display:flex;gap:8px;justify-content:center;margin-block-end:20px;padding-top:50px}.thumbnail{border:2px solid #ccc;cursor:pointer;height:auto;transition:border-color .2s ease;width:60px}.thumbnail.active,.thumbnail:hover{border-color:#ff8c00}.photo-container.full-screen{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;position:fixed;top:0;width:100%;z-index:9999}.photo-container.full-screen img{cursor:pointer;max-height:100%;max-width:100%;object-fit:contain}.footer{align-items:center;background-color:rgba(0,0,0,.5);display:flex;justify-content:space-around;text-align:center;width:100%}.footer p{color:hsla(0,0%,97%,.6);margin:5px}
/*# sourceMappingURL=main.c9a7f12c.css.map*/