Afanasev_Stepan_PIbd-21_IP/ИП 2 лаба/css/feedback.css

198 lines
3.6 KiB
CSS
Raw Permalink Normal View History

2024-01-10 16:11:49 +04:00
@import 'style.css';
/*Отзывы*/
.feedback{
padding-top: 100px;
}
.text1_feed{
font-family: "Mulish";
font-size: 60px;
font-weight: 700;
}
.back{
background-color: var(--color4);
margin-top: 100px;
border:1px solid var(--color3);
padding: 30px 40px 100px 40px;
border-radius: 20px;
margin-bottom: 52px;
}
.podgotovka2{
margin-left: 115px;
margin-top: 50px;
margin-bottom: 64px;
}
.text2_feed{
font-family: "Inter";
font-size: 50px;
font-weight: 500;
}
.podgotovka3_1{
width: 400px;
border: 1px solid var(--color3);
background-color: var(--color12);
border-radius: 20px;
margin-left: 10px;
}
.podgotovka3_2{
width: 400px;
border: 1px solid var(--color3);
background-color: var(--color13);
border-radius: 20px;
margin-left: 20px;
}
.podgotovka3_3{
width: 400px;
border: 1px solid var(--color3);
background-color: var(--color14);
border-radius: 20px;
margin-left: 20px;
}
.text3_feed{
padding-left: 10px;
padding-top: 40px;
padding-bottom: 30px;
font-family: "Inter";
font-size: 30px;
font-weight: 600;
}
.text4_feed{
padding-left: 15px;
padding-bottom: 80px;
font-family: "Inter";
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
/*Адаптив*/
@media (max-width: 1401px) {
.text3_feed{
font-size: 25px;
}
.podgotovka3_1{
width: 345px;
margin-left: 10px;
margin-right: 0;
}
.podgotovka3_2{
width: 345px;
margin-left: 10px;
margin-right: 0;
}
.podgotovka3_3{
width: 345px;
margin-left: 10px;
margin-right: 0;
}
.text1_emaill_{
font-size: 18px;
}
}
@media (max-width: 1201px) {
.text3_feed{
font-size: 30px;
}
.podgotovka3_1{
width: 380px;
margin-left: 39px;
margin-right: 10px;
}
.podgotovka3_2{
width: 380px;
margin-left: 39px;
margin-right: 10px;
}
.podgotovka3_3{
width: 380px;
margin-left: 39px;
margin-right: 10px;
}
}
@media (max-width: 991px) {
.podgotovka3_1{
margin-left: 140px;
}
.podgotovka3_2{
margin-left: 140px;
}
.podgotovka3_3{
margin-left: 140px;
}
.text1_emaill_{
padding-top: 5px;
font-size: 14px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}
@media (max-width: 768px) {
.podgotovka2{
margin-left: 15px;
}
.podgotovka3_1{
margin-left: 50px;
}
.podgotovka3_2{
margin-left: 50px;
}
.podgotovka3_3{
margin-left: 50px;
}
.text1_emaill_{
padding-top: 0;
font-size: 20px;
}
.text1_callme_{
padding-top: 0;
font-size: 20px;
}
}
@media (max-width: 480px) {
.text2_feed{
font-size: 30px;
}
.text1_feed{
font-size: 30px;
}
.podgotovka3_1{
margin-left: 0px;
}
.podgotovka3_2{
margin-left: 0px;
}
.podgotovka3_3{
margin-left: 0px;
}
.text1_emaill_{
padding-top: 7px;
font-size: 15px;
}
}
@media (max-width: 300px) {
.podgotovka2{
margin-left: 0;
}
.text2_feed{
font-size: 26px;
display: flex;
justify-content: center;
}
.text3_feed{
font-size: 16px;
}
.text4_feed{
font-size: 11px;
}
.text1_emaill_{
padding-top: 7px;
font-size: 8px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}