.logoContainer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem}.logo{width:200px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.logo h1{color:var(--primary);font-size:4rem}.webLogo{width:150px;height:140px}@media screen and (max-width: 480px){.webLogo{width:80px;height:70px}.logo h1{font-size:2.5rem}}.search{position:relative}.inputWrapper{width:60%;min-width:350px;margin:0 auto;margin-top:1rem;margin-bottom:1rem;background:white;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:1.5rem}.icon{font-size:2rem;color:var(--primary)}#text{width:100%;border:none;font-size:1.3rem;color:var(--primary);padding-left:.3rem;font-family:sans-serif}#text:focus{outline:none}.searchResults{position:absolute;width:60%;min-width:350px;margin:0 auto;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:white;border-radius:1.5rem;max-height:300px;overflow-y:scroll}.option{width:100%;min-height:40px;padding:.5rem 1.5rem;cursor:pointer;background:white}.option:hover{background:rgb(226,226,226)}.wrapper{width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem 3rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.image{width:calc(33% - 4.8px);background:orange;border-radius:2rem;overflow:hidden;margin:.1rem .1rem 1rem}.card{position:fixed;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90%}.cardWrapper{position:relative}.imageCard{-webkit-box-shadow:5px 5px 20px #4d4c4c;box-shadow:5px 5px 20px #4d4c4c;max-width:100%;max-height:90vh}.close{position:absolute;right:5px;top:5px;z-index:1;font-size:2rem;cursor:pointer}.close:hover{color:var(--secondary)}.breed{width:100%;position:absolute;bottom:15px;text-align:center;font-size:2.5rem;color:#fff;text-shadow:2px 2px black}@media screen and (max-width: 480px){.wrapper{padding:.5rem 1rem}.image{width:calc(50% - 4.8px)}}:root{--primary: #2ec4b6;--secondary: #ff9f1c;--darkGrey: #707070;--black: #101010;--grey: #d9d9d9}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Jockey One,sans-serif}