#body{background-color:#e6ebe0;background-repeat:no-repeat;background-position:center}#card-info[data-v-2957e2b6]{margin:auto}div#id-card[data-v-2957e2b6]{position:relative;left:50px}.font[data-v-2957e2b6]{height:375px;width:250px;position:relative;border-radius:10px;border-radius:1rem;box-shadow:#00000040 0 25px 50px -12px;transition:transform 1s ease 0s}.font[data-v-2957e2b6]:hover{transform:perspective(3000px) rotateY(15deg)}.role[data-v-2957e2b6]{font-family:Sacramento,cursive}.top[data-v-2957e2b6]{height:30%;width:100%;background-color:#0800f5;position:relative;z-index:5;border-top-left-radius:15px;border-top-right-radius:15px}.bottom[data-v-2957e2b6]{height:70%;width:100%;background-color:#fff;position:absolute;border-bottom-left-radius:15px;border-bottom-right-radius:15px;color:#000}.top img[data-v-2957e2b6]{height:100px;width:100px;background-color:#e6ebe0;border-radius:10px;position:absolute;top:60px;left:75px}.bottom p[data-v-2957e2b6]{position:relative;top:60px;text-align:center;text-transform:capitalize;font-size:20px;text-emphasis:spacing}.bottom .no[data-v-2957e2b6]{font-size:14px;font-weight:400}.logo[data-v-2957e2b6]{margin-top:.5rem}.logo svg#barcode[data-v-2957e2b6]{margin-top:1rem;padding:3rem;height:20%;width:100%;color:#000}.my-btn[data-v-2957e2b6]:hover{background-color:#fff;color:#000;padding:.5rem;margin:.5rem}.my-btn[data-v-2957e2b6]{background-color:#1d4ed8;color:#fff;padding:.5rem;margin:.5rem}