mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
729 lines
12 KiB
CSS
729 lines
12 KiB
CSS
|
|
.info {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 1332px;
|
|
height: 732px;
|
|
margin-top: 10px;
|
|
margin-left: 65px;
|
|
}
|
|
.bottom_card {
|
|
width: 1332px;
|
|
height: 269px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 20px;
|
|
margin-left: 295px;
|
|
}
|
|
.top_card {
|
|
width: 1204px;
|
|
height: 443px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-left: 287px;
|
|
|
|
}
|
|
|
|
|
|
/*beginning Hepatir_card-2 2*/
|
|
|
|
.Hepatir_card {
|
|
width: 250px;
|
|
height: 443px;
|
|
background-color: #413C3B;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
border-radius: 22px;
|
|
}
|
|
.text_2 {
|
|
width: 244px;
|
|
height: 220px;
|
|
display: inline-block;
|
|
flex-flow: column-reverse;
|
|
|
|
}
|
|
|
|
.aboutinfo_2 {
|
|
margin-top: 30px;
|
|
margin-left: 19px;
|
|
|
|
}
|
|
.aboutinfo_2 p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 79px;
|
|
height: 19px;
|
|
margin-left: 4px;
|
|
}
|
|
.aboutinfo_2 h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
width: 177px;
|
|
height: 37px;
|
|
line-height: 30px;
|
|
}
|
|
.whatjob_2 p {
|
|
margin-left: 3px;
|
|
}
|
|
.whatjob2_2 p {
|
|
margin-left: 3px;
|
|
}
|
|
.whatjob_2 {
|
|
display: flex;
|
|
width: 206px;
|
|
height: 16px;
|
|
margin-left: 22px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 30px;
|
|
}
|
|
.whatjob_2 img {
|
|
width: 21px;
|
|
height: 21px;
|
|
}
|
|
.whatjob2_2 {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
margin-left: 22px;
|
|
|
|
font-family: 'Montserrat';
|
|
margin-top: 10px;
|
|
}
|
|
.whatjob2_2 img {
|
|
width: 21px;
|
|
height: 21px;
|
|
}
|
|
.skin_2 {
|
|
width: 244px;
|
|
height: 221.5px;
|
|
display: inline-block;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.skin_2_skin {
|
|
width: 212px;
|
|
height: 212px;
|
|
background-image: url(https://visage.surgeplay.com/front/212/Hepatir.png);
|
|
justify-content: space-around;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.skinicons1 {
|
|
justify-content: space-around;
|
|
display: flex;
|
|
}
|
|
|
|
/*the and Hepatir_card 1*/
|
|
|
|
|
|
/*beginning Rafael1209_card 2*/
|
|
.Rafael1209_card {
|
|
width: 250px;
|
|
height: 443px;
|
|
background-color: #636363;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
border-radius: 22px;
|
|
}
|
|
.Rafael1209_text_2 {
|
|
width: 244px;
|
|
height: 220px;
|
|
display: inline-block;
|
|
flex-flow: column-reverse;
|
|
|
|
}
|
|
|
|
.Rafael1209_aboutinfo_2 {
|
|
margin-top: 30px;
|
|
margin-left: 19px;
|
|
|
|
}
|
|
.Rafael1209_aboutinfo_2 p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 79px;
|
|
height: 19px;
|
|
margin-left: 4px;
|
|
}
|
|
.Rafael1209_aboutinfo_2 h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
width: 177px;
|
|
height: 37px;
|
|
line-height: 30px;
|
|
}
|
|
.Rafael1209_whatjob_2 {
|
|
display: flex;
|
|
width: 206px;
|
|
height: 16px;
|
|
margin-left: 22px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 30px;
|
|
}
|
|
.Rafael1209_whatjob_2 img {
|
|
width: 21px;
|
|
height: 21px;
|
|
}
|
|
.Rafael1209_whatjob_2 p {
|
|
margin-left: 3px;
|
|
}
|
|
.Rafael1209_whatjob2_2 p {
|
|
margin-left: 3px;
|
|
}
|
|
.Rafael1209_whatjob2_2 {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
margin-left: 19px;
|
|
|
|
font-family: 'Montserrat';
|
|
margin-top: 10px;
|
|
}
|
|
.Rafael1209_whatjob2_2 img {
|
|
width: 25px;
|
|
height: 24px;
|
|
}
|
|
.Rafael1209_skin_2 {
|
|
width: 244px;
|
|
height: 221.5px;
|
|
display: inline-block;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.Rafael1209_skin_2_skin {
|
|
width: 212px;
|
|
height: 212px;
|
|
background-image: url(https://visage.surgeplay.com/front/212/rafael1209.png);
|
|
justify-content: space-around;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.Rafael1209_skinicons1 {
|
|
justify-content: space-around;
|
|
display: flex;
|
|
}
|
|
/*the and Rafael1209_card 1*/
|
|
|
|
|
|
/*beginning Ckutls_card 2*/
|
|
.Ckutls__card {
|
|
width: 250px;
|
|
height: 443px;
|
|
background-color: #B88484;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
border-radius: 22px;
|
|
}
|
|
.Ckutls__text_2 {
|
|
width: 244px;
|
|
height: 219.7px;
|
|
display: inline-block;
|
|
flex-flow: column-reverse;
|
|
|
|
}
|
|
|
|
.Ckutls__aboutinfo_2 {
|
|
margin-top: 30px;
|
|
margin-left: 19px;
|
|
|
|
}
|
|
.Ckutls__aboutinfo_2 p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 79px;
|
|
height: 19px;
|
|
margin-left: 4px;
|
|
}
|
|
.Ckutls__aboutinfo_2 h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
width: 177px;
|
|
height: 37px;
|
|
line-height: 30px;
|
|
}
|
|
.Ckutls__whatjob_1 {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
margin-left: 19px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 30px;
|
|
}
|
|
.Ckutls__whatjob_1 img {
|
|
width: 15px;
|
|
height: 17px;
|
|
}
|
|
.Ckutls__whatjob_1 p {
|
|
margin-left: 3px;
|
|
}
|
|
.Ckutls__whatjob_2 {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
margin-left: 19px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 10px;
|
|
}
|
|
.Ckutls__whatjob_2 img {
|
|
width: 15px;
|
|
height: 17px;
|
|
}
|
|
.Ckutls__whatjob_2 p {
|
|
margin-left: 3px;
|
|
}
|
|
.Ckutls__whatjob_3 {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
margin-left: 19px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 9px;
|
|
}
|
|
.Ckutls__whatjob_3 img {
|
|
width: 17px;
|
|
height: 15px;
|
|
}
|
|
.Ckutls__whatjob_3 p {
|
|
margin-left: 3px;
|
|
}
|
|
.Ckutls__skin_2 {
|
|
width: 244px;
|
|
height: 221px;
|
|
display: inline-block;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 3px;
|
|
}
|
|
.Ckutls__skin_2_skin {
|
|
width: 212px;
|
|
height: 212px;
|
|
background-image: url(https://visage.surgeplay.com/front/212/Ckutls_.png);
|
|
justify-content: space-around;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
.Ckutls__skinicons1 {
|
|
justify-content: space-around;
|
|
display: flex;
|
|
}
|
|
/*the and Ckutls_card 1*/
|
|
|
|
/*beginning FUpir_card 2*/
|
|
.FUpir_card {
|
|
width: 250px;
|
|
height: 443px;
|
|
background-color: #C58E74;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
border-radius: 22px;
|
|
}
|
|
.FUpir_text_2 {
|
|
width: 244px;
|
|
height: 221.5px;
|
|
display: inline-block;
|
|
flex-flow: column-reverse;
|
|
|
|
}
|
|
|
|
.FUpir_aboutinfo_2 {
|
|
margin-top: 30px;
|
|
margin-left: 19px;
|
|
|
|
}
|
|
.FUpir_aboutinfo_2 p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 79px;
|
|
height: 19px;
|
|
margin-left: 4px;
|
|
}
|
|
.FUpir_aboutinfo_2 h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
width: 177px;
|
|
height: 37px;
|
|
line-height: 30px;
|
|
}
|
|
.FUpir_whatjob_1 {
|
|
display: flex;
|
|
width: 206px;
|
|
height: 24px;
|
|
margin-left: 19px;
|
|
font-family: 'Montserrat';
|
|
margin-top: 24px;
|
|
|
|
}
|
|
.FUpir_whatjob_1 img {
|
|
width: 25px;
|
|
height: 24px;
|
|
}
|
|
.FUpir_whatjob_1 p {
|
|
margin-left: 3px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.FUpir_skin_2 {
|
|
width: 244px;
|
|
height: 221.5px;
|
|
display: inline-block;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.FUpir_skin_2_skin {
|
|
width: 212px;
|
|
height: 212px;
|
|
background-image: url(https://visage.surgeplay.com/front/212/FUpir.png);
|
|
justify-content: space-around;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
margin-bottom: 3px;
|
|
}
|
|
.FUpir_skinicons1 {
|
|
justify-content: space-around;
|
|
display: flex;
|
|
}
|
|
/*the and FUpir_card 1*/
|
|
|
|
/*beginning busha888_card 1*/
|
|
.busha888_card {
|
|
width: 422px;
|
|
height: 269px;
|
|
flex-shrink: 0;
|
|
border-radius: 22px;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
background-color: #742271;
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
}
|
|
|
|
.text {
|
|
width: 211px;
|
|
height: 269px;
|
|
|
|
|
|
}
|
|
.aboutinfo {
|
|
margin-top: 30px;
|
|
margin-left: 15px;
|
|
|
|
|
|
}
|
|
.aboutinfo p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 97px;
|
|
height: 16px;
|
|
}
|
|
.aboutinfo h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
|
|
}
|
|
.whatjob {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
|
|
margin-left: 15px;
|
|
font-family: 'Montserrat';
|
|
|
|
margin-top: 30px;
|
|
}
|
|
.whatjob p {
|
|
margin-left: 3px;
|
|
}
|
|
.whatjob img {
|
|
width: 15px;
|
|
height: 17px;
|
|
}
|
|
.icons {
|
|
width: 162px;
|
|
height: 36px;
|
|
justify-content: space-around;
|
|
display: flex;
|
|
|
|
margin-top: 95px;
|
|
margin-left: 27px;
|
|
margin-bottom: 11px;
|
|
|
|
}
|
|
.icons img {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 10px;
|
|
|
|
|
|
}
|
|
.skin {
|
|
margin-right: 13px;
|
|
margin-top: 51px;
|
|
margin-bottom: 3px;
|
|
|
|
|
|
}
|
|
.skin img {
|
|
width: 212px;
|
|
height: 212px;
|
|
}
|
|
/*the and busha888_card 1*/
|
|
|
|
/*beginning megatntmega_card 1*/
|
|
.megatntmega_card {
|
|
width: 422px;
|
|
height: 269px;
|
|
border-radius: 22px;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
background-color: #393A3A;
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
.megatntmega_text {
|
|
width: 211px;
|
|
height: 269px;
|
|
|
|
|
|
}
|
|
.megatntmega_aboutinfo {
|
|
margin-top: 30px;
|
|
margin-left: 15px;
|
|
|
|
|
|
}
|
|
.megatntmega_aboutinfo p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
|
|
height: 16px;
|
|
}
|
|
.megatntmega_aboutinfo h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
|
|
}
|
|
.megatntmega_whatjob {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
|
|
margin-left: 15px;
|
|
font-family: 'Montserrat';
|
|
|
|
margin-top: 30px;
|
|
}
|
|
.megatntmega_whatjob p {
|
|
margin-left: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
.megatntmega_whatjob img {
|
|
width: 25px;
|
|
height: 24px;
|
|
}
|
|
.megatntmega_icons {
|
|
width: 79px;
|
|
height: 36px;
|
|
justify-content: space-around;
|
|
display: flex;
|
|
margin-top: 95px;
|
|
margin-left: 72px;
|
|
margin-bottom: 11px;
|
|
}
|
|
.megatntmega_icons img {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
.megatntmega_skin {
|
|
margin-top: 51px;
|
|
margin-bottom: 3px;
|
|
display: flex;
|
|
width: 212px;
|
|
height: 212px;
|
|
background-image: url(https://visage.surgeplay.com/front/212/megatntmega.png);
|
|
}
|
|
.megatntmega_skin img {
|
|
width: 212px;
|
|
height: 212px;
|
|
}
|
|
/*the and megatntmega_card 1*/
|
|
|
|
/*beginning CLARFFY_card 1*/
|
|
.CLARFFY_card {
|
|
width: 422px;
|
|
height: 269px;
|
|
flex-direction: row;
|
|
border-radius: 22px;
|
|
border: 3px solid #595959 ;
|
|
border-color: #595959;
|
|
background-color: #E2B374;
|
|
display: flex;
|
|
|
|
|
|
}
|
|
|
|
.CLARFFY_text {
|
|
width: 211px;
|
|
height: 269px;
|
|
|
|
|
|
}
|
|
.CLARFFY_aboutinfo {
|
|
margin-top: 30px;
|
|
margin-left: 15px;
|
|
|
|
|
|
}
|
|
.CLARFFY_aboutinfo p {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 14px;
|
|
width: 97px;
|
|
height: 16px;
|
|
}
|
|
.CLARFFY_aboutinfo h1 {
|
|
font-family: 'Montserrat';
|
|
color: white;
|
|
font-size: 32px;
|
|
|
|
}
|
|
.CLARFFY_whatjob {
|
|
display: flex;
|
|
width: 183px;
|
|
height: 16px;
|
|
|
|
margin-left: 15px;
|
|
font-family: 'Montserrat';
|
|
|
|
margin-top: 30px;
|
|
}
|
|
.CLARFFY_whatjob p {
|
|
margin-left: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
.CLARFFY_whatjob img {
|
|
width: 25px;
|
|
height: 24px;
|
|
}
|
|
.CLARFFY_icons {
|
|
width: 79px;
|
|
height: 36px;
|
|
justify-content: space-around;
|
|
display: flex;
|
|
margin-top: 95px;
|
|
margin-left: 72px;
|
|
margin-bottom: 11px;
|
|
}
|
|
.CLARFFY_icons img {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
.CLARFFY_skin {
|
|
margin-right: 13px;
|
|
margin-top: 51px;
|
|
margin-bottom: 3px;
|
|
display: flex;
|
|
width: 212px;
|
|
height: 212px;
|
|
}
|
|
.CLARFFY_skin img {
|
|
width: 212px;
|
|
height: 212px;
|
|
}
|
|
/*the and CLARFFY_card 1*/
|
|
|
|
@media only screen and (min-width: 2048px) {
|
|
|
|
.info {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 1332px;
|
|
height: 732px;
|
|
margin-top: 80px;
|
|
margin-left: 142px;
|
|
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1700px) {
|
|
.info {
|
|
flex-direction: column;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 1332px;
|
|
height: 732px;
|
|
margin-top: 10px;
|
|
margin-left: 1px;
|
|
/* overflow-y: auto; */
|
|
}
|
|
.bottom_card {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 865px;
|
|
margin-right: 470px;
|
|
}
|
|
|
|
.megatntmega_card {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.busha888_card {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.CLARFFY_card {
|
|
margin: 0 auto;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.top_card {
|
|
width: 1200px;
|
|
height: 443px;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-right: 450px;
|
|
|
|
}
|
|
.Hepatir_card {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.FUpir_card {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|