.card { display: flex; flex-direction: column; padding-left: 40px; padding-right: 40px; padding-top: 34px; padding-bottom: 34px; border-radius: 36px; border-color: #323232; border-width: 1px; border-style: solid; margin-left: 46px; margin-right: 46px; margin-bottom: 40px; position: relative; } .profile_card { display: flex; flex-direction: column; align-items: center; } .balance { display: flex; flex-direction: column; } .avatar { width: 160px; height: 160px; border-radius: 80px; background-color: #fff; display: flex; align-items: center; justify-content: center; // object-fit:contain; } .avatar_placeholder { width: 100px; height: 100px; } .nickname { font-size: 40px; color: #fff; margin-top: 24px; line-height: 40px; height: 40px; } .username { color: #9E9E9E; font-size: 28px; line-height: 32px; height: 32px; margin-top: 10px; } .title { font-size: 28px; line-height: 28px; color: #fff; } .desc { margin-top: 20px; color: #FFFFFF; opacity: 0.4; font-size: 24px; line-height: 32px; // flex: 1; } .px2Width { width: 1px; height: 50px; background-color: #fff; margin-left: 100px; } .px2Height { display: flex; width: 100px; height: 1px; background-color: #fff; } .px1Width { width: 2px; height: 50px; background-color: #fff; margin-left: 100px; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .px1Height { display: flex; width: 100px; height: 2px; background-color: #fff; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .px1Width::after { -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .px1Height::after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .profile_cell_space{ margin-top: 36px; } .member_cell{ width: 750px; height: 172px; box-sizing: border-box; } .profile_cell{ height: 128px; display: flex; flex-direction: row; align-items: center; padding-left: 52px; padding-right: 42px; position: relative; color: #000; background-color: #fff; } .profile_cell_arrow{ height: 34px; width: 34px; } .profile_cell_icon{ width: 36px; height: 36px; } .profile_cell_line{ position: absolute; right: 0; bottom: 0; height: 2px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #B2B2B2; opacity: 0.4; left: 112px; } .a1{ font-size: 40px; font-weight:100; } .a2{ font-size: 40px; font-weight: 200; } .a3{ font-size: 40px; font-weight: 300; } .a4{ font-size: 40px; font-weight: 400; } .a5{ font-size: 40px; font-weight: 500; } .a6{ font-size: 40px; font-weight: 600; } .a7{ font-size: 40px; font-weight: 700; } .a8{ font-size: 40px; font-weight: 800; } .a9{ font-size: 40px; font-weight: 900; }