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

132 lines
2.3 KiB
CSS
Raw Permalink Normal View History

2024-01-10 16:11:49 +04:00
@import 'style.css';
/*Регистрация*/
.registr{
margin-top: 116px;
margin-bottom: 100px;
}
.osnova{
padding-top: 43px;
margin: 0 auto;
background-color: var(--color8);
width: 790px;
display: flex;
justify-content: center;
}
.login{
margin-left: 125px;
}
.text1_registr_ {
padding-top: 49px;
margin-left: 10px;
color: var(--color15);
font-family: "Mulish";
font-size: 45px;
font-weight: 700;
}
.Registr_1{
padding-bottom: 80px;
}
.text2_registr{
padding-top: 20px;
color: var(--color10);
font-family: "Mulish";
font-size: 25px;
font-weight: 700;
}
.Registr_2{
padding-top: 80px;
}
.registr_pole_2{
background-color: var(--color16);
padding: 20px 0;
}
.text3_registr{
font-family: "Mulish";
font-size: 40px;
font-weight: 400;
text-decoration: none;
color: var(--color4);
display: flex;
justify-content: center;
}
.text4_registr{
font-family: "Mulish";
font-size: 15px;
font-weight: 400;
}
.chekki{
padding-top: 30px;
}
.Registr_3{
padding-top: 30px;
padding-bottom: 75px;
}
.registr_pole_3{
background-color: var(--color4);
border: 1px solid var(--color3);
padding: 20px 0;
}
.text5_registr{
text-decoration: none;
color: var(--color3);
display: flex;
justify-content: center;
font-family: "Mulish";
font-size: 30px;
font-weight: 700;
}
@media (max-width: 1401px) {
.text1_emaill_{
font-size: 18px;
}
}
@media (max-width: 991px) {
.text1_emaill_{
padding-top: 5px;
font-size: 14px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}
@media (max-width: 768px) {
.text1_emaill_{
padding-top: 0;
font-size: 20px;
}
.text1_callme_{
padding-top: 0;
font-size: 20px;
}
}
@media (max-width: 480px) {
.text1_registr_{
font-size: 40px;
}
.login{
margin-left: 100px;
}
.text1_emaill_{
padding-top: 7px;
font-size: 15px;
}
}
@media (max-width: 330px) {
.text1_registr_{
font-size: 28px;
}
.login{
margin-left: 0px;
}
.text1_emaill_{
padding-top: 7px;
font-size: 8px;
}
.text1_callme_{
padding-top: 5px;
font-size: 12px;
}
}