*{box-sizing:border-box;color:#333}body{background-color:#81a69b;background-image:url(http://static.frontendmasters.com/resources/2019-05-02-complete-intro-react-v5/image-background.png);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.search-params{width:1100px;margin:0 auto}.search-params form{background-color:#d9c148;width:360px;margin:0 25px 0 0;padding:35px 15px 15px;border-radius:5px;float:left}.search{width:715px;float:left;margin-bottom:25px}.details,.search{background-color:#d9c148;padding:15px;border-radius:9px}.details{text-align:center;width:80%;margin:0 auto 25px}.pet{width:100%;height:130px;display:block;overflow:hidden;margin:25px 0;border-bottom:1px solid #bf9b2f}.pet img{width:100px;min-height:100px}.sadkitty{margin:20px auto 0;max-width:128px;max-height:128px}.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:#bf3334;width:95%;overflow:hidden;margin:0;text-overflow:ellipsis}#root>div>div,header>a{display:flex;justify-content:center}#root>div>div>h1,header>a{display:inline-flex;background-image:url(http://static.frontendmasters.com/resources/2019-05-02-complete-intro-react-v5/image-logo.png);width:279px;height:76px;overflow:hidden;text-indent:-9999px}.pet h2{white-space:nowrap;font-weight:400;font-size:20px;margin:0;text-overflow:ellipsis}header a{color:#bf3334;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:30px 0}.details p{line-height:1.5;padding:0 15px;text-align:center}.details h1{text-align:center;color:#bf3334;font-size:60px;margin:5px 0}.details h2{text-align:center;margin:5px 0 20px}.carousel{display:flex;justify-content:space-around;flex-direction:column;align-items:center;margin-top:8px}.carousel>img{max-width:500px;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:#ad343e;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;border-radius:5px;text-align:center}#modal .buttons button{display:inline-block;margin-right:15px}.lds-heart{display:inline-block;position:relative;width:80px;height:80px;transform:rotate(45deg);transform-origin:40px 40px}.lds-heart div{top:32px;left:32px;animation:lds-heart 1.2s cubic-bezier(.215,.61,.355,1) infinite}.lds-heart div,.lds-heart div:after,.lds-heart div:before{position:absolute;width:32px;height:32px;background:#c03440}.lds-heart div:after,.lds-heart div:before{content:" ";display:block}.lds-heart div:before{left:-24px;border-radius:50% 0 0 50%}.lds-heart div:after{top:-24px;border-radius:50% 50% 0 0}@keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}@media only screen and (max-width:1129px){header{display:flex;align-content:center;margin:10px auto;padding:20px 0 0}.search-params,header{width:95%}.sadkitty{width:64px;height:64px}.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}.carousel-smaller{display:flex}}@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.4883682c.css.map */