*{box-sizing:border-box;color:#333}body{background-color:#81a69b;background-image:url(http://pets-images.dev-apis.com/pets/wallpaperB.jpg);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.search-params{width:1100px;margin:0 auto}.search-params form{width:360px;margin:0 25px 0 0;padding:35px 15px 15px}.search,.search-params form{border-radius:6px;background:#faeff0;box-shadow:0 0 12px #aaa,0 0 12px #fff;float:left}.search{width:715px;padding:15px;margin-bottom:25px}.details{width:1100px;padding:15px;margin:0 auto 25px;border-radius:6px;background:#faeff0;box-shadow:0 0 12px #aaa,0 0 12px #fff}.pet{width:100%;height:130px;display:block;overflow:hidden;margin:25px 0;border-bottom:2px solid #333}.pet img{width:100px;min-height:100px}.info{width:80%;padding-top:10px;flex-direction:column;justify-content:space-around}.image-container,.info{float:left;height:100px}.image-container{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}#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);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}.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;border:2px solid #333}.carousel-smaller>img.active{border-color:#333;opacity:.6}.search-params label{display:block;width:60px}.search-params input,.search-params select{margin-bottom:30px;font-size:18px;height:30px;width:325px}#modal button,.details button,.search-params button{background-color:#ad343e;padding:5px 25px;color:#fff;font-size:18px;border:1px solid #333;border-radius:5px;display:block;margin:0 auto;cursor:pointer}.search-params button:hover{background-color:#122622}.search-params button:active{background-color:#5f1d22}.search-params button:focus{border:1px solid #6495ed}#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;border-radius:30px;background:#faeff0}#modal .buttons button{display:inline-block;margin-right:15px}@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=/style.5d02b2b0.css.map */