Afanasev_Stepan_PIbd-21_IP/ИП 3 лаба/css/process.css
[USERNAME] 0dd26716dc Lab2-5
2024-01-10 16:11:49 +04:00

318 lines
5.3 KiB
CSS

@import 'style.css';
/*Отправить заявку*/
.zapisi{
padding-top: 150px;
}
.zapis{
display: flex;
justify-content: center;
background-color: var(--color4);
padding: 30px 40px 47px 40px;
border-radius: 20px;
}
.osnova{
background-color: var(--color8);
border-radius: 20px;
}
.zap{
font-family: "Inter";
}
.obvodka{
display: flex;
}
.text1_zap{
font-size: 55px;
font-weight: 600;
line-height: 60px;
background-color: var(--color9);
}
.text2_zap{
font-size: 55px;
font-weight: 600;
line-height: 60px;
}
.text3_zap{
padding-top: 67px;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.text4_zap{
padding-top: 124px;
font-size: 25px;
font-weight: 400;
line-height: 30px;
}
/*Поля для ввода*/
.Names{
padding-top: 94px;
}
.text1_name{
margin: 0;
font-family: "Inter";
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.Number{
padding-top: 20px;
}
.text1_number{
margin: 0;
font-family: "Inter";
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.Mail{
padding-top: 20px;
}
.text1_mail{
margin: 0;
font-family: "Inter";
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.Zaivka{
padding-top: 69px;
padding-bottom: 20px;
}
.zaivka_pole{
border-radius: 10px;
background-color: var(--color3);
display: flex;
justify-content: center;
padding: 10px;
text-align: center;
}
.text1_zaivka_{
color: var(--color4);
text-decoration:none;
font-family: "Inter";
font-size: 25px;
font-weight: 500;
line-height: 30px;
}
.zaivka_pole:hover{
border:0px solid var(--color3);
background-color: var(--color7);
color: var(--color4);
transition: 1s;
}
@media (max-width: 1201px) {
.pochta{
margin: 0 auto;
}
.pochta2{
margin: 0 auto;
text-align: center;
}
.pochta2 h2{
margin: 0 auto;
}
.pochta3{
margin: 0 auto;
}
}
@media (max-width: 495px) {
.text1_zap{
font-size: 45px;
}
.text2_zap{
font-size: 40px;
}
}
@media (max-width: 495px) {
.text1_zap{
font-size: 45px;
}
.text2_zap{
font-size: 40px;
}
}
@media (max-width: 400px) {
.text1_zap{
font-size: 25px;
}
.text2_zap{
font-size: 20px;
font-weight: 900;
}
}
@media (max-width: 300px) {
.text1_zap{
font-size: 15px;
}
.text2_zap{
font-size: 15px;
}
.pochta{
padding: 0;
}
.pochta2{
padding: 0;
}
.pochta3{
display: none;
}
.text3_zap{
font-size: 15px;
}
.text4_zap{
font-size: 15px;
}
}
/*Характеристика*/
.format{
background-color: var(--color11);
padding-bottom: 50px;
padding-top: 67px;
}
.text1_format{
font-family: "Mulish";
font-size: 60px;
font-weight: 700;
}
.podgotovka_3{
width: 380px;
border: 1px solid var(--color3);
border-radius: 20px;
margin-left: 39px;
margin-right: 10px;
}
.text1_for{
font-family: "Inter";
font-size: 30px;
font-weight: 500;
padding-top: 50px;
}
.text2_for{
font-family: "Inter";
font-size: 16px;
font-weight: 400;
padding-top: 27px;
padding-left: 30px;
}
.text3_for{
font-family: "Inter";
font-size: 16px;
font-weight: 400;
padding-top: 15px;
padding-left: 30px;
}
.Format1{
padding-top: 77px;
}
.Format{
padding-top: 45px;
}
.format_pole{
border-radius: 10px;
background-color: var(--color3);
height: 48px;
}
.format_pole:hover{
border:0px solid var(--color3);
background-color: var(--color2);
color: var(--color3);
transition: 1s;
}
.text1_format_{
margin: 0;
text-decoration: none;
display: flex;
text-align: center;
color: var(--color4);
font-family: "Inter";
font-size: 20px;
font-weight: 600;
padding-top: 10px;
}
/*Адаптив*/
@media (max-width: 1401px) {
.podgotovka_3{
width: 360px;
margin-left: 15px;
margin-right: 0;
}
.text1_emaill_{
font-size: 18px;
}
.Format1{
padding-top: 70px;
}
.Format{
padding-top: 38px;
}
}
@media (max-width: 1201px) {
.podgotovka_3{
width: 380px;
margin-left: 39px;
margin-right: 10px;
}
}
@media (max-width: 991px) {
.podgotovka_3{
margin-left: 160px;
}
.text1_emaill_{
padding-top: 5px;
font-size: 14px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}
@media (max-width: 768px) {
.podgotovka_3{
margin-left: 80px;
}
.text1_emaill_{
padding-top: 0;
font-size: 20px;
}
.text1_callme_{
padding-top: 0;
font-size: 20px;
}
}
@media (max-width: 520px) {
.podgotovka_3{
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 495px) {
.text1_format{
font-size: 30px;
}
.text1_format_{
font-size: 16px;
}
.text1_emaill_{
padding-top: 7px;
font-size: 8px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}
@media (max-width: 260px){
.text1_format_{
font-size: 13px;
}
}