body{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}*{box-sizing:border-box;color:#333}body{background-image:url(http://pets-images.dev-apis.com/pets/wallpaperB.jpg);margin:0;font-family:"Roboto","Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.search-params{width:auto;margin:0 auto}.search-params form{align-items:center;margin:0 30%;background-color:#fff;padding:35px 20px 20px;border-radius:1px;box-shadow:0 3px 8px 1px rgba(0,0,0,.25)}.search-params form,.search-params form label{display:flex;flex-direction:column;justify-content:space-around}.details{width:1100px;padding:15px;margin:0 auto 25px;border-radius:10px;background:#edf6e5}.details,.pet{box-shadow:0 3px 8px 1px rgba(0,0,0,.25)}.pet{position:relative;left:20%;background-color:#e3f1d7;display:flex;justify-content:space-around;text-decoration:none;align-items:center;overflow:hidden;padding:2rem;width:50rem;height:auto;border-radius:5px;margin:25px}.pet img{width:100px;min-height:100px}.pet img:hover{transition:all .3s ease-in-out;-webkit-transform:scale(1.2);transform:scale(1.2)}.info{width:80%;padding-top:10px;flex-direction:column;justify-content:space-around}.image-container,.info{float:left;height:100px}.image-container{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);width:100px;margin:0 20px 0 10px}.pet h1{white-space:nowrap;font-weight:400;font-size:30px;color:#333;width:95%;overflow:hidden;margin:0;text-overflow:ellipsis}.pet h1:hover,h2:hover{color:#ff4e60}#root>div>h1,header>a{display:inline-block;background-image:url(http://static.frontendmasters.com/resources/2019-05-02-complete-intro-react-v5/image-logo.png);-webkit-filter:brightness(150%);filter:brightness(150%);width:279px;height:76px;overflow:hidden;text-indent:-9999px;margin:20px 0}.pet h2{white-space:nowrap;font-weight:400;font-size:20px;margin:0;text-overflow:ellipsis}header a{color:#333;font-size:3px;text-decoration:none;font-weight:700;display:block;padding-bottom:10px}header{display:flex;align-content:center;justify-content:center;width:1100px;margin:0 auto;padding:20px 0 0}.details p{line-height:1.5;padding:0 15px}.details h1{text-align:center;color:#333;font-size:60px;margin:5px 0}.details h2{text-align:center;margin:5px 0 20px}.details button{background-color:#111}.details button:hover{background-color:#ff4e60}.details button:hover:active{background-color:#5d5d5d}.carousel{display:flex;justify-content:space-around;align-items:center;height:400px;margin-top:8px}.carousel>img{max-width:45%;max-height:400px}.carousel-smaller{width:50%}.carousel-smaller>img{width:100px;height:100px;border-radius:50%;display:inline-block;margin:15px;cursor:pointer}.carousel-smaller>img:hover{transition:all .3s ease-in-out;-webkit-transform:scale(.9);transform:scale(.9)}.carousel-smaller>img.active{opacity:.6}.search-params input,.search-params select{margin-bottom:30px;font-size:18px;height:30px;width:325px;background-color:transparent;border:none;border-bottom:1px solid #000}#modal button,.details button,.search-params button{background-color:#111;color:#fff;font-size:18px;border:none;border-radius:2px;display:block;padding:.5rem 1rem;margin:0 auto;cursor:pointer}.search-params button:hover{background-color:#ff4e60}.search-params button:active{background-color:#111}.search-params button:focus{border:1px solid #f3e9eb}#modal{background-color:rgba(0,0,0,.9);position:fixed;left:0;right:0;bottom:0;top:0;z-index:10;display:flex;justify-content:center;align-items:center}#modal:empty{display:none}#modal>div{background-color:#fff;max-width:500px;padding:15px;text-align:center}#modal .buttons button{display:inline-block;margin-right:15px}#modal .buttons button:hover{background-color:#ff4e60}#modal .buttons button:hover:active{background-color:#5d5d5d}@media only screen and (max-width:1129px){header{display:flex;align-content:center;justify-content:center;margin:0 auto;padding:20px 0 0}.search-params,header{width:95%}.search-params form{margin-bottom:20px}.search{width:55%;float:left;margin-bottom:25px}.details,.search{padding:15px;border-radius:9px}.details{width:95%;margin:0 auto 25px}.info{width:65%}.info h1,.info h2{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media only screen and (max-width:945px){.search-params{width:95%}.search{width:100%}}@media only screen and (max-width:600px){.pet{height:200px}.info{width:100%;text-align:center}.image-container{margin:0 auto;float:none}.carousel-smaller>img{width:60px;height:60px}}
/*# sourceMappingURL=main.fd418678.chunk.css.map */