@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";*{padding:0;margin:0}:root{height:100%}img{width:100%;height:100%}.userProfile{border-radius:50%}.top-design{position:absolute;clip-path:ellipse(130px 140px at 10% 20%);height:200px;width:500px;top:-4.5rem;left:-4.5rem;background-color:#000}.user-profile{width:250px;height:250px;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid white}.user-profile:hover img{transition:.2s ease-in;transform:scale(1.1)}.bottom-design{position:absolute;clip-path:ellipse(130px 140px at 10% 20%);height:200px;width:500px;bottom:-4.5rem;right:-4.5rem;transform:rotate(-180deg);background-color:#000}.today-Date{position:absolute;top:20px;right:20px}.fees-false{background-color:#ff8d8d;padding:.4rem 0rem;width:100px;margin:auto;border-radius:.5rem}.fees-true{background-color:#45f74549;padding:.4rem 0rem;border-radius:.5rem;width:100px;margin:auto}.fees-0{background-color:#ff8d8d;padding:.4rem 0rem;width:100px;margin:auto;border-radius:.5rem}.fees-1{background-color:#45f74549;padding:.4rem 0rem;border-radius:.5rem;width:100px;margin:auto}