@media (max-width: 650px) { .nav_logo { max-width: 60%; width: 100%; } } @media (max-width: 480px) { .nav_logo { max-width: 100%; } } @media (max-width: 650px) { .nav_logo_img img { width: 80%; } } @media (max-width: 480px) { .suntitle { display: none; } } .nav_controls { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media (max-width: 480px) { .nav_controls { flex-wrap: nowrap; } } .nav_control { margin: 0 5rem; } @media (max-width: 650px) { .nav_control { margin: 0 1rem; } } .nav_control:first-child { margin-right: 0; } .nav_control_link { font-family: BrutalType, sans-serif; font-size: 1.4rem; font-weight: 400; font-style: normal; line-height: 1.7px; color: var(--bgButton); text-decoration: none; } .nav_control_icon { width: 1.7rem; height: 1.3rem; margin-right: 0.9rem; } @media (max-width: 480px) { .nav_control_icon { width: 3rem; height: 2.5rem; } } .header { overflow: hidden; max-width: 144rem; margin: 0 auto; } .header .nav { margin-top: 1.6rem; overflow: hidden; margin-right: 2rem; margin-left: 3.7rem; } .header .nav_list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } @media (max-width: 480px) { .header .nav_list { flex-wrap: nowrap; } } @media (max-width: 1200px) { .header { margin-left: 1rem; } .header .nav { margin-right: 0; margin-left: 0; } } @media (max-width: 480px) { .header { margin-right: 1rem; } } .bgContent { -webkit-background-color: var(--whiteText); -moz-background-color: var(--whiteText); -o-background-color: var(--whiteText); -ms-background-color: var(--whiteText); background-color: var(--whiteText); } :root { --colorText: #23272d; --orangeText: #ff630b; --bgButton: #23272d; --shadowButton: 0px 4px 9px rgba(0, 0, 0, 0.25); --textForm: #4272b7; --grayText: #636a74; --textInput: #979797; --bgFooter: #0d141b; --whiteText: #fff; --shadowForm: 0px 2px 40px rgba(120, 139, 167, 0.22); --shadowCard: 4px 4px 50px rgba(0, 0, 0, 0.13); --fontContent: 10px; --fontBody: 16px; --bgForm: #fafcff; } *, *:after, *:before { box-sizing: border-box; } html { font-size: var(--fontContent); margin: 0; padding: 0; } body { font-family: BrutalType, sans-serif; font-size: var(--fontBody); -webkit-background-color: var(--whiteText); -moz-background-color: var(--whiteText); -o-background-color: var(--whiteText); -ms-background-color: var(--whiteText); background-color: var(--whiteText); color: var(--colorText); } .section_form_submit { margin: 0 auto; padding: 2rem 3rem; font-size: 2rem; background: var(--bgButton); box-shadow: 0 4px 9px rgba(0, 0, 0, 0.25); border-radius: 5px; color: var(--whiteText); text-decoration: none; cursor: pointer; } .section_form_title { font-family: BrutalType; font-style: normal; font-weight: 400; font-size: 30px; line-height: 37px; text-align: center; } .section_form_items { margin-top: 2.6rem; display: flex; flex-direction: column; flex-wrap: wrap; gap: 1rem; width: 100%; position: relative; } .section_form_input_flags { position: absolute; max-width: 2.4rem; width: 100%; height: 2.4rem; right: 0; top: calc(60% - 5%); } input[type="phone"]:focus-within ~ .section_form_input_flags { transform: translateX(15px); transition: transform 0.5s ease-out; } .section_form_input_flags img { width: 100%; } .section_form_check { margin-top: 1.5rem; max-width: 100%; width: 100%; color: var(--textForm); display: flex; align-items: center; } .c_section_form_check { justify-content: center; } .section_form_check input { margin-right: 0.7rem; width: 1.6rem; height: 1.6rem; } .section_form_check_span { color: var(--grayText); } .section_form_label { color: var(--bgButton); } .section_form_input, .section_form_label { font-style: normal; font-weight: 500; font-size: 1.8rem; } .section_form_input { -webkit-border: 1px solid hsla(228, 7%, 59%, 0.83); -moz-border: 1px solid hsla(228, 7%, 59%, 0.83); -ms-border: 1px solid hsla(228, 7%, 59%, 0.83); -o-border: 1px solid hsla(228, 7%, 59%, 0.83); border: 1px solid hsla(228, 7%, 59%, 0.83); -webkit-border-bottom: 1px solid hsla(228, 7%, 59%, 0.83); -ms-border-bottom: 1px solid hsla(228, 7%, 59%, 0.83); -moz-border-bottom: 1px solid hsla(228, 7%, 59%, 0.83); -o-border-bottom: 1px solid hsla(228, 7%, 59%, 0.83); border-bottom: 1px solid hsla(228, 7%, 59%, 0.83); -webkit-background-color: transparent !important; -moz-background-color: transparent !important; -ms-background-color: transparent !important; -o-background-color: transparent !important; background-color: transparent !important; padding-bottom: 1rem; } .section_form_span { font-style: normal; font-weight: 500; font-size: 1.6rem; } .section_video_video { max-width: 100rem; width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } @media (max-width: 1200px) { .section_video_video { height: 70%; } .section_form_input_flags { top: calc(60% - 5%); } } @media (max-width: 650px) { .section_video_video { height: auto; } .section_form_input_flags { top: calc(60% - 5%); } } .section_video_ite { margin-left: 5rem; width: 100%; height: 75rem; } @media (max-width: 1200px) { .section_video_ite { margin-left: 0.5rem; margin-top: 0; } } @media (max-width: 650px) { .section_video_ite { height: auto; } } .section_video_fo { max-width: 40%; width: 100%; } @media (max-width: 1200px) { .section_video_fo { max-width: 100%; } } .section_video_form { padding: 3rem 6rem; background-color: var(--bgForm); box-shadow: var(--shadowForm); border-radius: 11px; } @media (max-width: 860px) and (orientation: landscape) { .section_video_form { padding: 2rem 4rem; } .section_form_input_flags { top: 55%; } } @media (max-width: 650px) { .section_video_form { padding: 2rem 4rem; max-width: 80%; width: 100%; margin: 0 auto; } } @media (max-width: 480px) { .section_video_form { padding: 2rem; max-width: 80%; } .section_form_input_flags { top: 55%; } } .section_logos_video { display: none; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 10rem; margin-left: 11rem; } @media (max-width: 1200px) { .section_logos_video { display: flex; margin-top: 0; margin-left: 0; margin-right: 3rem; flex-wrap: wrap; gap: 3rem; } } @media (max-width: 990px) { .section_logos_video { margin-top: 3rem; } } @media (max-width: 650px) { .section_logos_video { display: none; } } .section_logo_video { max-width: 13%; width: 100%; } @media (max-width: 1200px) { .section_logo_video { max-width: 40%; } } .section_logo_video img { width: 100%; } .section_persons { display: flex; justify-content: space-around; padding-top: 13rem; } @media (max-width: 860px) and (orientation: landscape) { .section_persons { padding-top: 10rem; } } @media (max-width: 650px) { .section_persons { padding-top: 5rem; flex-direction: column; } } .section_person { max-width: 50%; width: 100%; margin: 0 auto; text-align: center; } @media (max-width: 650px) { .section_person { max-width: 90%; } } .section_person_image { text-align: center; } @media (max-width: 860px) and (orientation: landscape) { .section_person_image { max-width: 30%; width: 100%; margin: 0 auto; } } @media (max-width: 650px) { .section_person_image { max-width: 50%; width: 100%; margin: 0 auto; } } @media (max-width: 860px) and (orientation: landscape) { .section_person_image img { width: 100%; } } @media (max-width: 650px) { .section_person_image img { width: 100%; } } .section_person_title { font-style: normal; font-weight: 700; font-size: 3rem; line-height: 45px; color: var(--orangeText); } .section_person_text { font-style: normal; font-weight: 700; font-size: 2rem; line-height: 1.5; text-align: center; } .section_person_text span { color: var(--orangeText); } .section_pers_btn { text-align: center; } .section_pers_btn a { text-decoration: none; } .section_marks { display: flex; justify-content: space-between; align-items: baseline; padding-top: 13rem; } @media (max-width: 1200px) { .section_marks { flex-wrap: wrap; gap: 4rem; padding-right: 10rem; padding-left: 5rem; } } @media (max-width: 860px) and (orientation: landscape) { .section_marks { gap: 0; padding-top: 8rem; padding-right: 6rem; padding-left: 2rem; } } @media (max-width: 650px) { .section_marks { flex-wrap: wrap; gap: 0; padding-right: 3rem; padding-left: 3rem; padding-top: 3rem; } } @media (max-width: 480px) { .section_marks { padding-right: 1rem; padding-left: 1rem; } } .section_mark { max-width: 18rem; width: 100%; height: 10rem; } @media (max-width: 1200px) { .section_mark { max-width: 30%; flex-basis: 30%; } } @media (max-width: 650px) { .section_mark { max-width: 30%; flex-basis: 30%; height: 6rem; } } .section_mark img { width: 100%; } .section_mar { padding-top: 5rem; padding-bottom: 25rem; } @media (max-width: 1200px) { .section_mar { padding-left: 3rem; padding-right: 3rem; } } @media (max-width: 860px) and (orientation: landscape) { .section_mar { padding-top: 0; padding-bottom: 10rem; padding-left: 2rem; padding-right: 2rem; } } @media (max-width: 650px) { .section_mar { padding: 3rem; padding-bottom: 10rem; } } @media (max-width: 480px) { .section_mar { padding: 1rem; padding-bottom: 10rem; } } .section_mar_text { font-style: normal; font-weight: 400; font-size: 2rem; line-height: 1.6; color: var(--grayText); } @media (max-width: 650px) { .section_mar_text { font-size: 1.6rem; } } .section_mar_btn { display: none; } @media (max-width: 650px) { .section_mar_btn { display: block; text-align: center; } } .section { margin-left: 3.7rem; margin-right: 7rem; } @media (max-width: 1200px) { .section { margin-left: 1rem; margin-right: 3rem; } } @media (max-width: 480px) { .section { margin-right: 1rem; } } .section_video_item { text-align: center; max-width: 120rem; width: 100%; margin: 0 auto; } .section_video_title { font-family: BrutalType-ExtraBold; font-style: normal; font-weight: 800; font-size: 4rem; line-height: 50px; color: var(--bgButton); } .schedule-block { border: 1px solid #ccc; border-radius: 8px; padding: 16px; margin-top: 16px; margin-bottom: 16px; background-color: #f9f9f9; } .schedule-block__title { font-weight: bold; margin-bottom: 12px; font-size: 16px; } .checkbox-group { display: flex; flex-wrap: wrap; gap: 8px; } .checkbox-group label { display: flex; align-items: center; gap: 4px; } @media (max-width: 650px) { .section_video_title { font-size: 1.6rem; line-height: 1.2; } } .section_video_vid { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 650px) { .section_video_vid { flex-direction: column; gap: 1rem; } } .section_logos { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 10rem; margin-left: 11rem; } @media (max-width: 1200px) { .section_logos { display: none; } } @media (max-width: 650px) { .section_logos { display: flex; gap: 3rem; margin-top: 3rem; margin-left: 0; } } .section_logo { max-width: 13%; width: 100%; } @media (max-width: 650px) { .section_logo { max-width: 25%; } } .section_logo img { width: 100%; } .section_descriptions { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 10rem; } @media (max-width: 1200px) { .section_descriptions { align-items: center; flex-wrap: wrap; } } @media (max-width: 650px) { .section_descriptions { margin-top: 5rem; justify-content: center; align-items: flex-start; } } @media (max-width: 480px) { .section_descriptions { margin-top: 4rem; gap: 1rem; } } .section_description { padding: 1rem; margin: 0 8rem; position: relative; } .section_description a{ text-decoration: none; } @media (max-width: 1200px) { .section_description { padding: 1rem; margin: 0; position: relative; max-width: 45%; width: 100%; } } @media (max-width: 480px) { .section_description { max-width: 38%; } } .section_description:first-child:after { content: ""; display: block; width: 97px; height: 4px; background-color: var(--orangeText); position: absolute; left: 1rem; top: 1rem; } @media (max-width: 480px) { .section_description:first-child:after { width: 50px; } } .section_description:nth-child(2) { margin-left: 0; } .section_description:nth-child(3) { margin-left: 0; margin-right: 0; } @media (max-width: 650px) { .section_description:nth-child(3) { max-width: 70%; text-align: center; } } .section_description:nth-child(4) { display: none; } @media (max-width: 1200px) { .section_description:nth-child(4) { display: block; } } @media (max-width: 650px) { .section_description:nth-child(4) { display: none; } } .section_description_step { font-family: BrutalType-Bold; font-style: normal; font-weight: 700; font-size: 3rem; line-height: 49px; color: var(--bgButton); margin-bottom: 0; position: relative; } @media (max-width: 650px) { .section_description_step { margin-top: 0; } } @media (max-width: 480px) { .section_description_step { font-size: 2rem; } } .section_description_title { font-family: BrutalType-Bold; font-style: normal; font-weight: 700; font-size: 2rem; line-height: 37px; color: var(--orangeText); margin: 0; } @media (max-width: 650px) { .section_description_title { line-height: 1.4; } } @media (max-width: 480px) { .section_description_title { font-size: 1.4rem; } } .section_description_text { font-family: BrutalType; font-style: normal; font-weight: 700; font-size: 2rem; line-height: 31px; } @media (max-width: 860px) and (orientation: landscape) { .section_description_text { font-size: 1.8rem; line-height: 1.6; } } @media (max-width: 480px) { .section_description_text { font-size: 1.4rem; line-height: 1.4; } } .section_desc_btn { text-align: center; } .section_desc_btn a { text-decoration: none; } @media (max-width: 1200px) { .section_desc_btn { display: none; } } @media (max-width: 650px) { .section_desc_btn { display: block; } } .section_posts { display: flex; justify-content: space-around; align-items: center; gap: 30rem; } @media (max-width: 650px) { .section_posts { gap: 0; padding-top: 5rem; } } .section_post { font-style: normal; font-weight: 700; font-size: 3rem; line-height: 60px; position: relative; } @media (max-width: 860px) and (orientation: landscape) { .section_post { font-size: 1.9rem; line-height: 1.5; } } @media (max-width: 650px) { .section_post { font-size: 2rem; line-height: 2; } } @media (max-width: 480px) { .section_post { font-size: 1.2rem; line-height: 1.6; } } .section_post:after { content: ""; display: block; width: 97px; height: 4px; background-color: var(--orangeText); position: absolute; left: 0; top: -1rem; } @media (max-width: 480px) { .section_post:after { width: 50px; } } .section_post span { color: var(--orangeText); } .section_cards { display: flex; align-items: flex-start; padding-top: 7rem; } @media (max-width: 860px) and (orientation: landscape) { .section_cards { padding-top: 5rem; } } @media (max-width: 650px) { .section_cards { padding-top: 2rem; flex-direction: column; align-items: center; gap: 2rem; } } .section_card { border-radius: 11px 11px 0 0; box-shadow: 4px 4px 50px rgba(0, 0, 0, 0.13); border-radius: 0 0 11px 11px; max-width: 80%; width: 100%; margin-right: 5rem; } @media (max-width: 860px) and (orientation: landscape) { .section_card { margin-right: 2rem; } } @media (max-width: 650px) { .section_card { margin-right: 0; } } .section_card:nth-child(3) { margin-right: 0; } .section_card img { width: 100%; } .section_card_img { padding: 0 0.1rem; } .section_card_text { font-style: normal; font-weight: 700; font-size: 1.6rem; line-height: 30px; margin-left: 2rem; } @media (max-width: 480px) { .section_card_text { margin-left: 1rem; line-height: 1.6; } } .section_card_subtext { padding: 1rem; padding-left: 0; } @media (max-width: 860px) and (orientation: landscape) { .section_card_subtext { padding-right: 0; } } @media (max-width: 480px) { .section_card_subtext { padding-right: 0; } } .section_card_date { font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 30px; color: var(--grayText); text-shadow: 4px 4px 50px rgba(0, 0, 0, 0.13); } @media (max-width: 860px) and (orientation: landscape) { .section_card_date { font-size: 1.4rem; } } @media (max-width: 480px) { .section_card_date { font-size: 1.2rem; } } .section_card_view { font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 30px; color: var(--grayText); text-shadow: 4px 4px 50px rgba(0, 0, 0, 0.13); float: right; margin-right: 3rem; } @media (max-width: 860px) and (orientation: landscape) { .section_card_view { font-size: 1.4rem; } } .section_card_view b { color: var(--orangeText); padding-right: 0.5rem; } .footer_nav { padding-left: 3.7rem; padding-top: 6rem; padding-right: 7rem; background-color: var(--bgFooter); } @media (max-width: 1200px) { .footer_nav { padding-left: 1rem; padding-top: 3rem; padding-right: 1rem; } } @media (max-width: 650px) { .footer_nav { padding-left: 3rem; padding-right: 3rem; } } @media (max-width: 480px) { .footer_nav { padding-left: 1rem; padding-right: 1rem; } } .footer_nav_icon { width: 3rem; height: 3rem; fill: var(--orangeText); } @media (max-width: 480px) { .footer_nav_icon { width: 2rem; height: 2rem; } } .footer_nav_head { display: flex; padding-bottom: 17rem; } @media (max-width: 1200px) { .footer_nav_head { padding-bottom: 5rem; } } .footer_nav_items { margin-left: 3rem; margin-right: 7rem; } @media (max-width: 1200px) { .footer_nav_items { margin-right: 1rem; } } @media (max-width: 860px) and (orientation: landscape) { .footer_nav_items { margin-left: 0; margin-right: 0; } } @media (max-width: 650px) { .footer_nav_items { margin-left: 0; margin-right: 0; } } .footer_nav_item { display: flex; align-items: center; padding: 2rem 0; } @media (max-width: 860px) and (orientation: landscape) { .footer_nav_item { padding: 0.5rem 0; } } @media (max-width: 480px) { .footer_nav_item { padding: 0.5rem 0; } } .footer_nav_links { margin-left: 3rem; } @media (max-width: 1200px) { .footer_nav_links { margin-left: 1.5rem; max-width: 70%; width: 100%; } } .footer_nav_h3 { color: var(--whiteText); font-style: normal; font-weight: 600; font-size: 1.4rem; line-height: 1; } @media (max-width: 480px) { .footer_nav_h3 { font-size: 1.2rem; } } .footer_nav_p { color: var(--whiteText); font-style: normal; font-weight: 400; font-size: 1.4rem; line-height: 1; } @media (max-width: 1200px) { .footer_nav_p { margin: 0; } } @media (max-width: 480px) { .footer_nav_p { font-size: 1.2rem; } } .footer_nav_body_items { display: flex; align-items: center; } .footer_nav_foot { text-align: center; padding: 1.6rem 0; } @media (max-width: 1200px) { .footer_nav_foot { text-align: left; padding-left: 20rem; } } @media (max-width: 860px) and (orientation: landscape) { .footer_nav_foot { padding-left: 20rem; } } @media (max-width: 650px) { .footer_nav_foot { text-align: center; padding-left: 0; } } .footer_nav_foot a { margin: 1rem; text-align: none; text-decoration: none; font-style: normal; font-weight: 200; font-size: 14px; line-height: 14px; color: var(--whiteText); } @media (max-width: 1200px) { .footer_nav_foot a:first-child, .footer_nav_foot a:nth-child(2) { display: none; } } .footer_nav_foot a:nth-child(3) { color: var(--grayText); } .footer_nav_bb { max-width: 25%; width: 100%; } .footer_nav_aa { display: none; } @media (max-width: 1200px) { .footer_nav_aa { display: block; } } @media (max-width: 860px) and (orientation: landscape) { .footer_nav_aa { padding-left: 3rem; } } @media (max-width: 650px) { .footer_nav_aa { display: flex; flex-direction: column; } } .footer_nav_aa a { margin: 1rem; text-align: none; text-decoration: none; font-style: normal; font-weight: 200; font-size: 14px; line-height: 14px; color: var(--whiteText); } .footer_absolute { display: block; width: 100%; max-width: 38%; margin: 0 auto; position: absolute; left: 83%; bottom: 0; top: -1%; transform: translate(-50%, -50%); z-index: 10; } .footer_absolute_form { padding: 3rem 6rem; background-color: var(--bgForm); box-shadow: var(--shadowForm); border-radius: 11px; max-width: 50rem; width: 100%; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; max-width: 144rem; margin: 0 auto; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; text-decoration: none; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } @font-face { font-family: "BrutalType-Thin"; src: url(../fonts/BrutalType-Thin.woff2) format("woff2"); src: url(../fonts/BrutalType-Thin.ttf) format("truetype"); src: url(../fonts/BrutalType-Thin.woff) format("woff"); } @font-face { font-family: "BrutalType"; src: url(../fonts/BrutalType.woff2) format("woff2"); src: url(../fonts/BrutalType.ttf) format("truetype"); src: url(../fonts/BrutalType.woff) format("woff"); } @font-face { font-family: "BrutalType-Medium"; src: url(../fonts/BrutalType-Medium.woff2) format("woff2"); src: url(../fonts/BrutalType-Medium.ttf) format("truetype"); src: url(../fonts/BrutalType-Medium.woff) format("woff"); } @font-face { font-family: "BrutalType-ExtraLight"; src: url(../fonts/BrutalType-ExtraLight.woff2) format("woff2"); src: url(../fonts/BrutalType-ExtraLight.ttf) format("truetype"); src: url(../fonts/BrutalType-ExtraLight.woff) format("woff"); } @font-face { font-family: "BrutalType-Bold"; src: url(../fonts/BrutalType-Bold.woff2) format("woff2"); src: url(../fonts/BrutalType-Bold.ttf) format("truetype"); src: url(../fonts/BrutalType-Bold.woff) format("woff"); } @font-face { font-family: "BrutalType-ExtraBold"; src: url(../fonts/BrutalType-ExtraBold.woff2) format("woff2"); src: url(../fonts/BrutalType-ExtraBold.ttf) format("truetype"); src: url(../fonts/BrutalType-ExtraBold.woff) format("woff"); } .bgContent { -webkit-background-color: var(--whiteText); -moz-background-color: var(--whiteText); -o-background-color: var(--whiteText); -ms-background-color: var(--whiteText); background-color: var(--whiteText); } :root { --colorText: #23272d; --orangeText: #ff630b; --bgButton: #23272d; --shadowButton: 0px 4px 9px rgba(0, 0, 0, 0.25); --textForm: #4272b7; --grayText: #636a74; --textInput: #979797; --bgFooter: #0d141b; --whiteText: #fff; --shadowForm: 0px 2px 40px rgba(120, 139, 167, 0.22); --shadowCard: 4px 4px 50px rgba(0, 0, 0, 0.13); --fontContent: 10px; --fontBody: 16px; --bgForm: #fafcff; } *, *:after, *:before { box-sizing: border-box; } html { font-size: var(--fontContent); margin: 0; padding: 0; } body { font-family: BrutalType, sans-serif; font-size: var(--fontBody); -webkit-background-color: var(--whiteText); -moz-background-color: var(--whiteText); -o-background-color: var(--whiteText); -ms-background-color: var(--whiteText); background-color: var(--whiteText); color: var(--colorText); } @media (max-width: 1200px) { .footer_absolute { left: 76%; bottom: 0; top: -22%; max-width: 45%; } .footer_nav_bb { max-width: 20%; } .section_mar { padding-bottom: 30rem; } }