*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins, sans-serif'}body{background:#ecececdb}.container{width:800px;height:500px;margin:30px auto;max-width:calc(100% - 20px);background:#fff;padding:10px;margin-top:90px;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.04);list-style:none;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:border .5s ease;text-align:center;border-width:10px;border-style:ridge;border-color:#f7dff5;overflow:hidden;height:1%}.container img{width:200px;margin:auto;display:block}@media(min-width:350px) and (max-width:449px){.container img{height:80px;width:80px}.button{font-size:12px!important}}@media(min-width:200px) and (max-width:349px){.button{font-size:11px!important}}@media(min-width:450px) and (max-width:800px){.container img{height:120px;width:120px}}@media(min-width:800px) and (max-width:1200px){.container img{height:150px;width:150px}}@media(max-width:1200px){.card-list .card-item{padding:15px}}.detail-h1{font-size:2.5em;margin:2px}.detail-h2{font-size:1.5em;font-weight:10}.detail-h4{font-size:1.2em;font-style:italic;height:180px}.detail-compatibility{font-size:1em;font-style:italic}.button{border-radius:28px;text-decoration:none;margin:5px;padding:5px;background-color:#3e8da8;color:white;height:35px;vertical-align:middle;line-height:25px;font-size:18px;display:inline-block;width:10px}.recommendations{margin-left:16px;padding-top:1px;text-align:center;color:black;margin-top:.1em}.recommendation-tag{border-radius:24px;text-decoration:none;margin:5px;padding:10px;vertical-align:middle;background-color:#3e8da8;color:black;vertical-align:middle;line-height:28px;height:14px;font-size:15px;display:inline-block;color:#fff;width:205px;height:50px;white-space:nowrap;vertical-align:middle}.recommendation-tag:hover{border:1px solid #333;background-color:#82dac8;display:inline-block}.tags{border-radius:24px;text-decoration:none;margin:5px;padding:10px;vertical-align:middle;background-color:#ffc0cb;color:black;height:30px;vertical-align:middle;display:inline-block;line-height:14px;height:14px;font-size:12px;width:90px;height:90px;vertical-align:middle}.tab-tags{position:relative;border-radius:24px;display:inline-block;padding:15px 15px 15px 15px;border:2px #06c;margin-bottom:5px;cursor:pointer;font-weight:bold;font-size:14px;background-color:#ffc0cb;width:215px;text-decoration:none;color:black}.tab-tags:hover{color:#06c;background-color:#e0d7ff}span{vertical-align:middle}.container-x{width:800px;height:500px;margin:30px auto;max-width:calc(100% - 20px);background:#fff;padding:10px;margin-top:90px;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.04);list-style:none;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:border .5s ease;text-align:center;border-width:10px;border-style:ridge;border-color:#f7dff5;overflow:hidden;height:1%}.container-x img{width:300px;margin:auto;display:block}.container-x-tarot{width:100%;height:500px;margin:30px auto;max-width:calc(100% - 20px);background:#fff;//padding:10px;margin-top:90px;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,0.04);list-style:none;cursor:pointer;text-decoration:none;//border:2px solid transparent;transition:border .5s ease;text-align:center;border-width:10px;border-style:ridge;border-color:#f7dff5;overflow:hidden}@media(min-width:350px) and (max-width:449px){.container-x img{height:240px;width:240px}.button{font-size:12px!important}}@media(min-width:450px) and (max-width:800px){.container-x img{height:300px;width:300px}}@media(min-width:800px) and (max-width:1200px){.container-x img{height:300px;width:300px}.container-x-tarot{height:900px}}@media(min-height:300px) and (max-height:400px){.container-x-tarot{height:950px}}@media(min-height:400px) and (max-height:500px){.container-x-tarot{height:450px}}@media(min-height:500px) and (max-height:700px){.container-x-tarot{height:600px}}@media(min-height:700px) and (max-height:1000px){.container-x-tarot{height:850px}}@media(min-height:1000px){.container-x-tarot{height:950px}}