.home{color:#4b4f53;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px);padding:5%}.home--header,.home--header h1{margin-bottom:20px}.home--pets-container{display:flex;flex-direction:column}.home--pets{height:150px;width:100%}.home .dog{margin-bottom:30px}@media only screen and (min-width:768px){.home{justify-content:space-around;align-content:center}.home--header{padding:2%}.home--header h1{margin-bottom:30px}.home--pets-container{flex-direction:row}.home--pets{height:200px;width:100%}}@media only screen and (min-width:1020){.home--pets{max-height:400px;width:100%}}.layout--container{font-size:12px;background:#0f2027;background:linear-gradient(90deg,#2c5364,#203a43,#0f2027);display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;box-sizing:border-box;padding:5% 0}.layout--content{min-width:85%;min-height:calc(100vh - 100px);box-sizing:border-box;display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:16px}@media only screen and (min-width:768px){.layout--container{font-size:14px;padding:2% 0}.layout--content{min-width:0;width:1020px}}.chat{padding:5%;height:100%;min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:space-between}.pet-item{display:flex;width:auto;align-items:center}.pet-item--pet{width:80px}.pet-item--messages{margin-left:10px;display:flex;flex-direction:column}.pet-item--messages label{background-color:#3a0e63;color:#f5f5f5;padding:10px;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:5px 0}.user-item{display:flex;justify-content:flex-end;width:auto;align-items:center}.user-item--user{width:80px}.user-item--messages{background-color:#c42caf;background-color:#b613a0;padding:10px;border-radius:5px;color:#f5f5f5;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:10px}.form{display:flex;justify-content:space-between;align-items:center}.form--input{width:82%;border:1px solid grey;background-color:#dcdcdc;height:35px;font-family:"Quicksand";padding-left:15px;border-radius:25px;outline:none}.form--input::-webkit-input-placeholder{color:#811136}.form--input:-ms-input-placeholder{color:#811136}.form--input::-ms-input-placeholder{color:#811136}.form--input::placeholder{color:#811136}.form--button{width:45px;height:45px;border-radius:50%;border:1px solid grey;background-color:#3a0e63;font-size:25px;color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}.App{text-align:center;font-family:"Quicksand",sans-serif}
/*# sourceMappingURL=main.42670d9f.chunk.css.map */