.app{min-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.containera{display:flex;flex-direction:column;gap:20px;padding:20px 10px;justify-content:center;align-items:center;background:#141d2f;height:100vh}.containeraLight{display:flex;flex-direction:column;gap:20px;padding:20px 10px;justify-content:center;align-items:center;background:#f6f8ff;height:100vh}.group3{width:327px;height:60px;border-radius:15px;background:#1e2a47;display:flex;align-items:center;justify-content:space-around}.group3Light{width:327px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:space-around;background:#fefefe;box-shadow:0 16px 30px -10px #4660bb33}input{color:#fff;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:25px;background-color:transparent;width:184px;border:none}button{width:84px;height:46px;color:#fff;font-family:Space Mono;font-size:14px;font-style:normal;font-weight:700;line-height:normal;border-radius:10px;background:#0079ff;border:none}.group3 img,.group3Light img{width:20.048px;height:20px}.group1,.group1Light{display:flex;gap:110px;align-items:center;margin-top:31px}.group1 h3{color:#fff;font-family:Space Mono;font-size:26px;font-style:normal;font-weight:700;line-height:normal}.group1Light h3{color:#222731;font-family:Space Mono;font-size:26px;font-style:normal;font-weight:700;line-height:normal}.group1 .containn span{color:#fff;text-align:right;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.5px}.group1Light .containn span{color:#4b6a9b;text-align:right;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.5px}.containn{display:flex;align-items:center;justify-content:center;margin-top:5px;gap:15px}.containn:hover{cursor:pointer}.group5,.group5Light{display:flex;gap:20px;width:234px;margin-left:24px}.group5 img,.group5Light img{width:70px;height:70px;border-radius:70px}.group5 .userInfo,.group5Light .userInfo{width:144.5px;height:69px}.group5 .userInfo h3{color:#fff;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.group5Light .userInfo h3{color:#2b3442;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.group5 .userInfo span,.group5Light .userInfo span{color:#0079ff;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.group5 .userInfo p{color:#fff;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:25px}.group5Light .userInfo p{color:#697c9a;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:25px}.body{width:327px;height:517px;border-radius:15px;background:#1e2a47;display:flex;flex-direction:column;justify-content:space-around}.bodyLight{width:327px;height:517px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-around;background:#fefefe;box-shadow:0 16px 30px -10px #4660bb33}.group7{color:#fff;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:25px;width:279px;margin-left:24px}.group7Light{color:#4b6a9b;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:25px;width:279px;margin-left:24px}.group9{width:279px;height:85px;border-radius:10px;background:#141d2f;display:flex;align-items:center;justify-content:center;align-self:center}.group9Light{width:279px;height:85px;border-radius:10px;background:#f6f8ff;display:flex;align-items:center;justify-content:center;align-self:center}.group9 .babys,.group9Light .babys{display:flex;width:79px;height:48px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;flex-shrink:0}.group9 .babys h5{color:#fff;text-align:center;font-family:Space Mono;font-size:11px;font-style:normal;font-weight:400;line-height:normal}.group9Light .babys h5{color:#4b6a9b;text-align:center;font-family:Space Mono;font-size:11px;font-style:normal;font-weight:400;line-height:normal}.group9 .babys span{color:#fff;text-align:center;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-left:10px}.group9Light .babys span{color:#2b3442;text-align:center;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-left:10px}.group11{width:100%;height:127px;display:flex;flex-direction:column;gap:16px}.group11Light{width:100%;height:127px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.group11 .socials,.group11Light .socials{display:flex;height:20px;align-items:flex-start;gap:13px;margin-left:20px}.socialsWeb{display:flex;height:20px;align-items:flex-start;gap:13px;width:100%;margin-left:20px}.group11 .socials img,.group11Light .socials img{width:20px;height:20px}.group11 .socials span{color:#fff;font-family:Space Mono;font-size:13px;font-style:normal;text-overflow:ellipsis;font-weight:400;line-height:normal}.group11Light .socials span{color:#2b3442;font-family:Space Mono;font-size:13px;font-style:normal;text-overflow:ellipsis;font-weight:400;line-height:normal}.group11 .socialsWeb img,.group11Light .socialsWeb img{width:20px;height:20px}.group11 .socialsWeb span{color:#fff;font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.group11Light .socialsWeb span{font-family:Space Mono;font-size:13px;font-style:normal;font-weight:400;line-height:normal}*{margin:0;padding:0;box-sizing:border-box}@media screen and (min-width: 768px){.group1,.group1Light{display:flex;gap:110px;align-items:center;margin-top:31px;width:573px;justify-content:space-between}.group3{width:573px;height:69px;border-radius:15px;background:#1e2a47;display:flex;align-items:center}.group3Light{width:573px;height:69px;border-radius:15px;display:flex;align-items:center}input{font-size:18px;width:300px}button{width:106px;height:50px;margin-left:100px}.body,.bodyLight{width:573px;height:481px}.group5,.group5Light{display:flex;gap:20px;width:334px;margin-left:24px;height:117px}.group5 img,.group5Light img{width:117px;height:117px}.group5 .userInfo,.group5Light .userInfo{width:176px;height:91px}.group5 .userInfo h3,.group5Light .userInfo h3{font-size:26px}.group5 .userInfo span,.group5Light .userInfo span{font-size:16px}.group5 .userInfo p,.group5Light .userInfo p{font-size:15px}.group9,.group9Light{width:493px;height:85px}.group11,.group11Light{margin-top:20px;display:grid;grid-template-columns:200px 200px;grid-template-rows:30px}}@media screen and (min-width: 1300px){.group1,.group1Light{display:flex;width:730px;margin-top:31px;justify-content:space-between;align-items:center}.group3,.group3Light{width:730px;height:69px}.body,.bodyLight{width:730px;height:419px}.group5,.group5Light{gap:30px;width:400px}.group5 .userInfo p,.group5Light .userInfo p{font-size:15px;position:relative;left:260px;bottom:55px}.group7,.group7Light{position:relative;left:150px;bottom:20px}.group9,.group9Light{position:relative;left:30px}.group11,.group11Light{width:429px;margin-top:20px;display:grid;grid-template-columns:200px 200px;grid-template-rows:20px;overflow:hidden;position:relative;left:130px;height:63px}}