*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}.bodyLogin{background-color:#34495e;height:100vh}.box{background-color:#191919;left:50%;padding:40px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.box h2{color:#fff;font-weight:500;text-transform:uppercase}.box input[type=password],.box input[type=text]{background:none;border:2px solid #3498db;border-radius:24px;color:#fff;display:block;font-size:17px;margin:20px auto;outline:none;padding:14px 10px;text-align:center;transition:.3;width:65%}.box input[type=password]:focus,.box input[type=text]:focus{border-color:#2ecc71;width:86%}.box button[type=submit]{background:none;border:2px solid #2ecc71;border-radius:24px;color:#fff;cursor:pointer;display:block;font-size:17px;margin:20px auto;outline:none;padding:14px 40px;text-align:center;transition:.3}.box button[type=submit]:hover{background:#2ecc71}@media screen and (max-width:768px){.bodyLogin,.box{width:100%}}.bodyHome{margin:0 auto}.container{flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;width:80%}.container,.header{display:flex;flex-direction:row}.header{background:#833ab4;background:linear-gradient(90deg,#833ab4,#1df8fd 50%,#fcb045);justify-content:space-around;padding:10px 0}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between;margin:10px;overflow:hidden;transition:.3s;width:30%}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card img{height:100%;object-fit:cover;transition:.5s;width:100%}.card:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.img-animal{height:307px;overflow:hidden;width:405px}.content{justify-content:space-between;padding:2px 16px}.content a{color:#fff;text-decoration:none}.content{display:flex}.btn-logout{background-color:#e37d7d;border:2px solid red;border-radius:20px;padding:0 14px;transition:.3s;width:90px}.btn-logout:hover{background-color:red;color:#fff;font-weight:700}.welcome{font-family:Roboto;font-size:40px;font-weight:700;padding:50px 0;position:relative}.line{background-color:#ff0;height:5px;margin:0 auto 50px;width:60px}.background{background:#000;color:#fff;text-align:center}@media screen and (max-width:1700px){.container{width:95%}}@media screen and (max-width:1250px){.card{width:36%}}@media screen and (max-width:985px){.card{width:46%}}@media screen and (max-width:960px){.container{width:47%}.card{width:100%}}@media screen and (max-width:890px){.container{width:50%}}@media screen and (max-width:840px){.container{width:56%}}@media screen and (max-width:789px){.container{width:56%}}@media screen and (max-width:560px){.container{width:82%}}@media screen and (max-width:500px){.container{width:98%}}
/*# sourceMappingURL=main.949b708b.css.map*/