*{box-sizing:border-box;margin:0;padding:0}.App{flex-direction:column}.App,header{display:flex;width:100%}header{align-items:center;background-color:#538ccc;height:50px;justify-content:space-between;padding:10px}.title{font-size:24px;text-align:center;width:80%}header>div>button{background-color:green;border:none;border-radius:5px;color:#f0f8ff;padding:10px}.container{display:flex;flex-direction:column;gap:10px;width:100%}.container>div{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.container>div>input{margin-top:10px;padding:10px;width:40%}.dog-card{display:flex;flex-direction:column;margin:5px;padding:5px;width:12%}.dog-card>img{height:200px;width:100%}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:500px;max-width:50%;text-align:center}.modal-title{background-color:gray;display:flex;justify-content:center;padding:20px;width:100%}.modal-title>h2{text-align:center;width:90%}.modal-title>button{width:10%}.modal-body{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:20px;width:100%}.dog-breed-more-images,.sub-breed{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-around;max-height:150px;overflow-y:scroll;padding:10px;width:100%}.dog-breed-card{height:120px;width:20%}.dog-breed-card>img{height:80%;width:80%}.input-container{align-items:center;display:flex;justify-content:space-around;width:100%}.input-container>input,.input-container>select{background-color:#c2bfbf;font-weight:700;padding:10px;width:40%}.input-container>button{background-color:green;color:#f0f8ff;margin-top:10px;padding:10px 20px}
/*# sourceMappingURL=main.94c85e8e.css.map*/