body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.navContainer{background-color:#353535;display:flex;justify-content:space-around;margin:auto;width:100%;height:59px;padding:10px 0;box-shadow:0 0 5px red;position:relative}.navContainer button{padding:10px 20px;border-radius:10px;border:0;margin-top:5px;background-color:#ff3856;letter-spacing:1.5px;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 0 0 #c92e46;color:#fff}.navContainer button:hover{box-shadow:0 7px 0 0 #c92e46}.navContainer button:active{background-color:#ff3856;box-shadow:0 0 0 0 #c92e46;-webkit-transform:translateY(5px);transform:translateY(5px);transition:.2s}.searchContainer{display:flex;line-height:28px;align-items:center;position:relative;max-width:190px}.input{width:100%;height:40px;line-height:28px;padding:0 1rem 0 2.5rem;border:2px solid transparent;border-radius:8px;outline:none;background-color:#f3f3f4;color:#0d0c22;transition:.3s ease}.input::-webkit-input-placeholder{color:#9e9ea7}.input::placeholder{color:#9e9ea7}.input:focus,.input:hover{outline:none;border-color:rgba(234,76,137,.4);background-color:#fff;box-shadow:0 0 0 4px rgba(234,76,137,.1)}.icon{position:absolute;left:1rem;fill:#9e9ea7;width:1rem;height:1rem}.filterComp{position:absolute;display:flex;flex-direction:row;justify-content:space-evenly;right:24%;width:60%;top:0;background-color:#353535;padding:15px 0 30px;border-radius:0 0 10px 10px;box-shadow:0 0 5px red}.filterComp button{margin-top:3px}:root{--primary-color:#ff3856;--primary-color-dark:#c92e46;--text-color:#fff}.navContainer select{background-color:#ff3856;background-color:var(--primary-color);border-radius:10px;border:none;color:#fff;color:var(--text-color);cursor:pointer;font-size:14px;letter-spacing:1px;margin:5px 2px 0;transition:all .3s ease}.navContainer select:focus{box-shadow:0 0 5px 2px rgba(255,56,86,.75)}.navContainer select:hover{background-color:#c92e46;background-color:var(--primary-color-dark)}.navContainer select:active{background-color:#ff3856;background-color:var(--primary-color);box-shadow:0 5px 0 0 #c92e46;box-shadow:0 5px 0 0 var(--primary-color-dark);-webkit-transform:translateY(5px);transform:translateY(5px);transition:.2s}.cardContainer img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;border-radius:16px;transition:-webkit-transform 2.5s;transition:transform 2.5s;transition:transform 2.5s,-webkit-transform 2.5s}.cardContainer h2{background-color:rgba(255,0,0,.553);width:70%;white-space:wrap;text-overflow:clip;border-radius:0 10px 10px 0;bottom:0;left:0;z-index:2}.cardContainer h2,.cardContainer p{color:#fff;font-size:.9rem;overflow:hidden;position:absolute}.cardContainer p{width:50%;background-color:rgba(226,43,43,.398);white-space:nowrap;text-overflow:ellipsis;border-radius:10px 0 0 10px;top:0;right:0;z-index:1;transition:width 1s ease}.cardContainer li{display:block;color:#fcfcfc;font-size:.8rem;margin:5px;text-shadow:0 0 8px #000;transition:-webkit-transform 2.5s;transition:transform 2.5s;transition:transform 2.5s,-webkit-transform 2.5s}.tempCont{flex-direction:column;overflow:hidden;left:50px;max-height:0;transition:max-height 1s ease}.cardContainer,.tempCont{display:flex;position:relative;z-index:1;justify-content:center;text-align:center}.cardContainer{box-sizing:border-box;width:208px;height:252px;background:hsla(0,0%,66.3%,.915);border:3px solid #fff;box-shadow:12px 17px 51px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;margin:1.5%;cursor:pointer;transition:all .5s;align-items:center;-webkit-user-select:none;user-select:none;font-weight:bolder;color:#000}.cardContainer:hover{border:3px solid #000;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 2px #c10000}.cardContainer:hover .tempCont{max-height:9.6em}.cardContainer:hover li{text-decoration:none}.cardContainer:hover h2{color:#fff;text-shadow:0 0 4px hsla(0,0%,100%,.534)}.cardContainer:hover p{width:0}.cardContainer:active{-webkit-transform:scale(.95) rotate(1.7deg);transform:scale(.95) rotate(1.7deg)}.cardGrid{display:flex;justify-content:space-evenly;flex-wrap:wrap;border:none;margin:.6% .8%;padding:14px;border-radius:70px;background-color:rgba(53,53,53,.857);min-width:80%;box-shadow:0 0 5px #aa0c0c;min-height:566px}.homeContainer{background-color:rgba(250,235,215,.507);display:flex;direction:row;justify-content:center;height:100%;padding:40px;margin-left:2px;margin-right:2px}.homeContainer .buttonEnabled{padding:10px;border-radius:10px;background-color:#ff3856;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 0 0 #c92e46;display:flex;width:10%;background-color:#ec2e2e;border-radius:100%;margin:auto}.homeContainer .buttonEnabled:hover{box-shadow:0 7px 0 0 #c92e46}.homeContainer .buttonEnabled:active{background-color:#ff3856;box-shadow:0 0 0 0 #c92e46}.homeContainer .buttonDisabled,.homeContainer .buttonEnabled:active{-webkit-transform:translateY(5px);transform:translateY(5px);transition:.2s}.homeContainer .buttonDisabled{background-color:#616161;box-shadow:0 0 0 0 #010000;padding:10px;border-radius:100%;display:flex;width:10%;margin:auto}.link{text-decoration:none}.errorContainer{background-color:#353535;position:absolute;display:flex;flex-direction:row;top:0;width:100%;z-index:1}.displayError{color:red;display:flex;justify-content:baseline;background-color:#2f2f2f;box-shadow:0 0 85px #000;flex-direction:column;width:240px;height:620px;text-align:center;padding:74px}.errorContainer img{border-radius:100%;box-shadow:0 0 85px #020000;border:2px solid #000;margin:20px auto auto}.landingContainer{display:flex;flex-direction:column;justify-content:first baseline;width:100%;padding-bottom:48.4%;background-color:rgba(250,235,215,.453)}.landingContainer h2{font-size:3rem;background-color:#111;color:#fff;text-shadow:0 0 3px rgba(114,4,4,.464);width:-webkit-max-content;width:max-content;border-radius:0 0 20px 20px;padding:0 30px;margin:-23px 0 0 20%;box-shadow:0 3px 3px #560000;text-align:center;font-family:"Cinzel",serif}.landingContainer img{width:300px;transition:all 2s ease;position:absolute;left:550px;top:150px}.landingContainer img:hover{width:350px;left:530px;top:130px}.landingContainer h1{background-color:#111;padding-top:0;padding-bottom:20;color:#fff;margin-top:0;box-shadow:0 3px 3px #560000;width:100%;font-family:"Cinzel",serif}body{background:#faebd7 url(https://i.pinimg.com/originals/84/9a/bf/849abf4060d509b0ef69bc55b3e41d64.jpg);background-size:cover;background-position:0 0;margin:auto;background-repeat:repeat;position:relative;width:100%;font-family:"Montserrat",sans-serif}footer{position:absolute;display:flex;flex-direction:column;bottom:0;left:0;right:0;background:#111;width:100%;color:#fff}.footer-content p{max-width:500px;margin:10px auto;line-height:28px;font-size:2px;color:#cacdd2}.footer-bottom{display:flex;justify-content:space-between;padding:0 20px 20px;text-align:center}.footer-bottom p{float:left;font-size:14px;word-spacing:2px;text-transform:capitalize}.footer-bottom p a{color:#44bae8;font-size:16px;text-decoration:none}.spanContainer{display:flex;flex-direction:column;height:80px;justify-content:space-around;padding-bottom:20px}.spanContainer span{text-transform:none;opacity:.6;font-weight:200}.footer-content h3{font-size:2.2rem;font-weight:500;text-transform:capitalize;line-height:3rem}.footer-content{justify-content:center;text-align:center}.dog-detail,.footer-content{display:flex;align-items:center;flex-direction:column}.dog-detail{background-color:rgba(250,235,215,.665);width:auto;padding:4% 4% 10%}.dog-header{margin-top:-30PX;display:flex;flex-direction:column;align-items:center;font-size:1.5rem;font-family:"Cinzel",serif;letter-spacing:15px;text-shadow:0 0 5px hsla(0,0%,93.7%,0)}.dog-content{display:flex;flex-direction:row;border:2px solid #000;margin:0 100px;border-radius:20px;background-color:hsla(0,0%,100%,.344);box-shadow:0 0 3px red}.dog-content img{max-width:60%;border-radius:20px 0 0 20px}.dog-details{display:flex;justify-content:space-evenly;text-align:center;width:100%;height:-webkit-max-content;height:max-content;flex-direction:column;border-radius:0 20px 20px 0}.dog-details p{margin:0}fieldset{border:0;border-bottom:2px solid #000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;padding-bottom:20px}.backgroundLoading{background-color:rgba(250,235,215,.507);position:absolute;top:0;height:972.7%;overflow:hidden}.backgroundLoading,.loadingContainer{display:flex;flex-direction:column;width:100%}.loadingContainer{background-color:#353535;box-shadow:0 2px 5px red;border-radius:0 0 100px 100px;margin-bottom:4%}.gifContainer img{width:50%;border-radius:0 0 0 1000px;left:-80%;position:relative;-webkit-animation:slideIn 4s infinite forwards;animation:slideIn 4s infinite forwards}.gifContainer{background-color:#fff;overflow:hidden;width:98%;border-radius:100px;margin:auto;box-shadow:0 0 40px #000}.loader{font-size:68px;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;letter-spacing:10px;position:relative;box-sizing:border-box}.loader:after{content:"Loading";position:absolute;left:0;top:0;color:#353535;text-shadow:0 0 2px #fff,0 0 1px #fff,0 0 1px #fff;width:100%;height:100%;overflow:hidden;box-sizing:border-box;-webkit-animation:animloader 3s linear infinite;animation:animloader 3s linear infinite}.footerLoading{width:100%;background-color:#353535;height:70px;margin-top:auto;border-radius:100px 100px 0 0;box-shadow:0 -2px 5px red}@-webkit-keyframes animloader{0%{height:100%}to{height:0%}}@keyframes animloader{0%{height:100%}to{height:0%}}@-webkit-keyframes slideIn{to{left:80%}}@keyframes slideIn{to{left:80%}}.create{color:#000;text-transform:uppercase;letter-spacing:2px;display:block;font-weight:700;font-size:x-large}.formContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-bottom:20px;background-color:rgba(250,235,215,.694)}.formContainer h1{font-family:"Cinzel",serif;letter-spacing:4px;font-size:2.5rem;text-shadow:0 0 5px #7e3434}.formContent{display:flex;width:80%;border-radius:100px;margin-bottom:50px;border:4px solid #000;box-shadow:0 0 6px red}.imageContainer{display:flex;justify-content:center;width:40%;padding:40px;background-color:rgba(0,0,0,.513);border-radius:96px 0 0 96px}.imageContainer img{width:100%;margin:auto;height:auto}.formFields{display:flex;justify-content:center;width:50%;height:37rem;padding:20px 40px 13% 0;background-color:rgba(0,0,0,.513);border-radius:0 96px 96px 0}.temperamentContainer{display:flex;flex-wrap:wrap;border-radius:0 0 50px 0;background-color:rgba(0,0,0,.402);width:80%;color:#fff;max-height:220px;margin:auto;overflow:scroll}.temperament{display:flex;flex-wrap:nowrap;width:25%;white-space:nowrap}.temperament span{font-size:.7rem}.temperamentContainer div{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px}.temperamentContainer label{margin-left:5px}.inputBox{display:flex;padding-right:424px;margin:10px auto auto 40px;height:7.5%;border-radius:25px 0 0 25px;color:#fff;background-color:rgba(0,0,0,.313)}.inputBox span{font-size:1.6rem;white-space:nowrap;text-overflow:ellipsis;margin-left:10px;margin-top:5px}.inputBox input{margin:5px 40% 5px 12%;width:14%;font-size:24px;padding:.15rem .5rem;border-radius:4px;outline:none;border:none;line-height:1.15;letter-spacing:2px;white-space:nowrap;box-shadow:0 10px 20px -18px;position:absolute}.inputBox input:focus{border-bottom:2px solid #c75b5b;border-radius:4px 4px 2px 2px}.inputBox input:hover{outline:1px solid #d3d3d3}.inputBox p{color:red;font-size:.9rem;position:absolute;background-color:rgba(0,0,0,.12549019607843137);right:10.2%;width:200px;white-space:wrap;margin:auto}.submitOn{padding:10px 20px;border-radius:10px;border:0;margin-top:22px;background-color:#ff3856;letter-spacing:1px;font-size:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 0 0 #c92e46;color:#fff}.submitOn:hover{box-shadow:0 2px 0 0 #c92e46}.submitOn:active{background-color:#ff3856;box-shadow:0 0 0 0 #c92e46;-webkit-transform:translateY(5px);transform:translateY(5px);transition:.2s}.submitOff{padding:10px 20px;border-radius:10px;border:0;margin-top:25px;background-color:#8b8b8b;letter-spacing:1px;font-size:10px;transition:all .3s ease;color:#fff}
/*# sourceMappingURL=main.2eec45b1.chunk.css.map */