.container{max-width:1250px;margin:0 auto;padding:20px}h3{font-size:1.25rem;margin-bottom:16px}.intro-heading,h3{color:var(--purple-mid)}.intro-heading{font-size:1.5rem;font-weight:600;margin-top:0}.intro-card{font-size:.875rem;background-color:#fff;border-radius:8px;margin-bottom:24px;line-height:1.6;padding:15px}.intro-card>p+p{margin-top:20px}.intro-card>p{margin:0}.card-item{width:352px;height:425px;background-color:#ffffff;margin:24px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;transition:box-shadow .15s,transform .15s;box-shadow:0 0 15px 0 rgba(50,0,100,.1)}.card-item:hover{box-shadow:0 5px 25px -5px rgba(50,0,100,.3);transform:translateY(-5px)}.card-item:hover~.content{pointer-events:auto;opacity:1}.card-item:hover .image{transform:scale(1.025)}.image-container{height:50%;display:flex;align-items:center;overflow:hidden}.image{width:100%;height:100%;object-fit:cover;transition:transform .15s}.content{display:flex;flex-direction:column;justify-content:space-between;padding:16px}.heading{font-size:1.25rem;font-weight:600;margin-top:0;color:var(--purple-mid)}.details{font-size:14px;min-height:40px;margin-top:8px}.languages{display:flex;flex-wrap:wrap;margin-top:12px}.pill{background-color:var(--grey-light);border-radius:14px;padding:5px 10px;margin:0 5px 0 0;font-size:13px}.content>.links{display:flex;flex-wrap:wrap;margin-top:12px}.content>.links>a.icon{display:flex;align-items:center;color:white;margin-right:8px;font-size:14px;font-weight:700;text-decoration:none;background:var(--purple-mid);padding:5px 10px;border-radius:4px;transition:background-color .25s}.content>.links>a.icon>:first-child{margin-right:5px}.content>.links>a.icon:hover{background:var(--purple-dark);box-shadow:0 3px 6px 0 rgba(50,0,100,.3)}.buttons{display:flex;justify-content:flex-end;margin-top:8px}@media only screen and (max-width:768px){.card-item{margin-bottom:40px;width:450px}}@media only screen and (max-width:480px){.card-item{width:calc(100% - 24px)}}form{width:90%;margin:auto;max-width:550px}form button,input,label{display:block}form button,input,textarea{outline:none}input,textarea{border:1px solid rgb(199,199,199);border-radius:10px;padding:10px;font-size:90%;width:100%;height:30px;color:rgb(53,53,53)}textarea{height:50px}label{margin-top:10px}form button{--accent:rgb(0,162,255);margin-top:20px}.form-container{width:90%}*{font-family:Open Sans,sans-serif;box-sizing:border-box}:root{--purple-mid:#a600a6;--purple-dark:#800080;--grey-light:#f3f3f3}body{margin:0;background:linear-gradient(7deg,#ffffff,#f3f3f3 40%,#ffffff);height:100%;background-repeat:no-repeat;background-attachment:fixed;background-color:#ffffff}a.link{text-decoration:underline;color:var(--purple-mid)}a.link:hover{text-decoration:none}.profile-photo{display:inline-block;vertical-align:middle;border-radius:50%;object-position:0;max-width:50px}ul.links{display:flex;flex-direction:row;list-style-type:none;justify-content:flex-end}ul.links,ul.links>li{margin:0;padding:5px 0;align-items:center}ul.links>li>a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-right:15px;font-size:1rem;text-decoration:none;color:var(--purple-mid)}ul.links>li>a>.icon{color:var(--purple-mid);margin-right:5px;margin-bottom:-3px;font-size:1.25rem;background-color:white}@media (max-width:480px){ul.links>li>a>.link{font-size:.75rem;margin-bottom:5px}ul.links>li>a>.icon{margin-bottom:5px}}ul.links>li>a:hover{text-decoration:underline}.top-bar{width:100%;margin-top:0}.menu{height:100%;display:inline-block}.menu a{margin:0 20px;font-size:120%;height:100%;display:inline-flex;justify-content:center;align-items:center}.grid{display:flex;flex-wrap:wrap;justify-content:left}.card{display:inline-block;width:300px;height:400px;overflow:hidden;border:1.25px solid rgb(233,233,233);border-radius:16px;margin:10px;transition:all .25s;--shadow:transparent;box-shadow:0 0 10px 5px var(--shadow);position:relative;font-size:100%}.card:hover{--shadow:rgba(53,53,53,0.103);background:pink}.card:hover .main-content{pointer-events:auto;opacity:1}.card *{margin:0}.card img{width:100%;height:100%;object-fit:cover}.main-content{padding:25px;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.9);width:100%;height:100%;opacity:0;pointer-events:none;transition:all .2s}.body-text{font-size:1rem}.body-text.bold{font-weight:800}.login-container{display:flex;flex-direction:column;width:50vw;max-width:300px}form{padding:0;margin:0}h4{color:white;position:absolute;left:0;bottom:0;padding:10px;text-shadow:0 0 4px black;font-size:1.25rem}.info ul{padding:0 10px 10px;border-radius:7px}ul.info-buttons{list-style-type:none;display:flex;flex-direction:row;justify-content:flex-start;padding:0}ul.info-buttons>li{margin-right:15px}.info{color:rgb(83,83,83);position:relative;overflow:hidden}.info.likes{margin-top:25px}.label,.main-heading{font-weight:700}.main-heading{font-size:2rem;margin:0 0 20px;padding:10px 0;color:var(--purple-dark)}.logo,.main-heading{display:inline-block}.logo{font-size:3rem;position:absolute;left:20px;top:0;height:100%}.error-text{font-size:.875rem;color:red}.btn-container{text-align:right;padding:10px;position:absolute;bottom:10px;right:10px}.btn{--accent:grey;cursor:pointer;background:transparent;border:1.5px solid var(--accent);color:var(--accent);border-radius:10px;padding:10px 15px;font-size:90%;letter-spacing:1px;transition:all .25s;outline:none}.btn:hover:not(:disabled){background:var(--accent);color:white}.btn:disabled{background:#eee;border:1px solid red;color:red}.edit.btn{--accent:green}.delete.btn{--accent:red;margin-left:10px}.view.btn{--accent:blue;margin-left:10px}.pet-container{width:100%}.confirmation-box.show{display:block}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}