.info { flex-direction: column; align-items: center; display: flex; justify-content: center; width: 100%; height: 732px; margin-top: 10px; } .bottom_card { width: 1332px; height: 269px; display: flex; justify-content: space-between; margin-top: 20px; margin-left: 295px; } .top_card { width: 100%; 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://avatar.spworlds.ru/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://avatar.spworlds.ru/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://avatar.spworlds.ru/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://avatar.spworlds.ru/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 Swino4ka_card 1*/ .Swino4ka_card { width: 250px; height: 443px; background-color: #6b4d3f; border: 3px solid #595959 ; border-color: #595959; border-radius: 22px; } .Swino4ka_text_2 { width: 244px; height: 219.7px; display: inline-block; flex-flow: column-reverse; } .Swino4ka_aboutinfo_2 { margin-top: 30px; margin-left: 19px; } .Swino4ka_aboutinfo_2 p { font-family: 'Montserrat'; color: white; font-size: 14px; width: 79px; height: 19px; margin-left: 4px; } .Swino4ka_aboutinfo_2 h1 { font-family: 'Montserrat'; color: white; font-size: 32px; width: 177px; height: 37px; line-height: 30px; } .Swino4ka_whatjob_1 { display: flex; width: 183px; height: 16px; margin-left: 19px; font-family: 'Montserrat'; margin-top: 30px; } .Swino4ka_whatjob_1 img { width: 15px; height: 17px; } .Swino4ka_whatjob_1 p { margin-left: 3px; } .Swino4ka__whatjob_2 { display: flex; width: 183px; height: 16px; margin-left: 19px; font-family: 'Montserrat'; margin-top: 10px; } .Swino4ka__whatjob_2 img { width: 15px; height: 17px; } .Swino4ka__whatjob_2 p { margin-left: 3px; } .Swino4ka__whatjob_3 { display: flex; width: 183px; height: 16px; margin-left: 19px; font-family: 'Montserrat'; margin-top: 9px; } .Swino4ka__whatjob_3 img { width: 17px; height: 15px; } .Swino4ka__whatjob_3 p { margin-left: 3px; } .Swino4ka_skin_2 { width: 244px; height: 221.5px; display: inline-block; display: flex; align-items: center; justify-content: center; } .Swino4ka_skin_2_skin { width: 212px; height: 212px; background-image: url(https://avatar.spworlds.ru/front/212/Swino4ka.png); justify-content: space-around; display: flex; align-items: flex-end; margin-bottom: 3px; } .Swino4ka_skinicons1 { justify-content: space-around; display: flex; } /*the and Swino4ka_card 1*/ /*beginning busha888_card 1*/ .busha888_card { width: 422px; height: 269px; border-radius: 22px; border: 3px solid #595959 ; border-color: #595959; background-color: #742271; display: flex; flex-direction: row; } .text { width: 200px; height: 269px; } .aboutinfo { margin-top: 30px; margin-left: 15px; } .aboutinfo p { font-family: 'Montserrat'; color: white; font-size: 14px; width: 200px; 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-top: 51px; margin-bottom: 3px; display: flex; width: 212px; height: 212px; } .skin img { width: 212px; height: 212px; } /*the and busha888_card 1*/ /*beginning GEDPOOL31_card 1*/ .GEDPOOL31_card { width: 422px; height: 269px; flex-direction: row; border-radius: 22px; border: 3px solid #595959 ; border-color: #595959; background-color: #393A3A; display: flex; } .GEDPOOL31_text { width: 200px; height: 269px; } .GEDPOOL31_aboutinfo { margin-top: 30px; margin-left: 15px; } .GEDPOOL31_aboutinfo p { font-family: 'Montserrat'; color: white; font-size: 14px; width: 200px; height: 16px; } .GEDPOOL31_aboutinfo h1 { font-family: 'Montserrat'; color: white; font-size: 32px; } .GEDPOOL31_whatjob { display: flex; width: 183px; height: 16px; margin-left: 15px; font-family: 'Montserrat'; margin-top: 30px; } .GEDPOOL31_whatjob p { margin-left: 3px; margin-top: 3px; } .GEDPOOL31_whatjob img { width: 25px; height: 25px; } .GEDPOOL31_icons { width: 79px; height: 36px; justify-content: space-around; display: flex; margin-top: 95px; margin-left: 72px; margin-bottom: 11px; } .GEDPOOL31_icons img { display: flex; width: 36px; height: 36px; } .GEDPOOL31_skin { margin-top: 51px; margin-bottom: 3px; display: flex; width: 212px; height: 212px; } .GEDPOOL31_skin img { width: 212px; height: 212px; } /*the and GEDPOOL31_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: 100%; height: 732px; margin-top: 80px; } .top_card { width: 90%; } } @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; } }