From 2067baff9fe7c86ee6d769da16aa3902a83da4f1 Mon Sep 17 00:00:00 2001
From: Dima Ryabov <dima.poltergeist.2015@yandex.ru>
Date: Wed, 1 Nov 2023 18:42:30 +0300
Subject: [PATCH] Updates

---
 index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 980bc06..c7f0400 100644
--- a/index.css
+++ b/index.css
@@ -1,2 +1,2 @@
 @import url(https://fonts.googleapis.com/css2?family=Gabarito&family=Nunito:wght@300;400;500;600;700;800;900&display=swap);
-.header{display:grid;grid-template-columns:repeat(2, minmax(100px, 1fr));background-color:#fff;max-height:740px}.header__badge{max-width:746px;width:100%}.header__badge-img{height:100%;max-width:746px;width:100%}.header__items{display:flex;flex-direction:column;padding:69px 0 60px 100px;max-width:406px}@media(max-width: 980px){.header__items{padding:49px 0 30px 50px}}@media(max-width: 530px){.header__items{padding:29px 0 20px 30px}}@media(max-width: 464px){.header__items{padding:19px 0 10px 15px}}@media(max-width: 385px){.header__items{padding:14px 0 5px 15px}}@media(max-width: 350px){.header__items{padding:10px 0 0 15px}}.header__items-logo{margin-bottom:89px;max-width:120px;margin-right:auto}@media(max-width: 980px){.header__items-logo{margin-bottom:59px}}@media(max-width: 768px){.header__items-logo{margin-bottom:39px}}@media(max-width: 583px){.header__items-logo{margin-bottom:19px;height:25px}}@media(max-width: 454px){.header__items-logo{margin-bottom:12px;height:18px}}@media(max-width: 404px){.header__items-logo{height:14px}}.header__items-title{margin:0 0 10px 0}@media(max-width: 700px){.header__items-title{font-size:20px}}@media(max-width: 454px){.header__items-title{margin-bottom:8px}}.header__items-subtitle{margin-bottom:40px}@media(max-width: 700px){.header__items-subtitle{margin-bottom:25px;font-size:10px}}@media(max-width: 583px){.header__items-subtitle{margin-bottom:12px}}@media(max-width: 454px){.header__items-subtitle{margin-bottom:8px}}.header__items-button{width:100%;text-decoration:none;font-family:"Gabarito";font-size:22px;line-height:24.42px;background-color:#eb3d35;color:#fff;border:none;padding:18px 30px;display:flex;justify-content:space-around;align-items:center;transition:all .4s ease-in-out}@media(max-width: 860px){.header__items-button{justify-content:space-evenly;padding:12px 20px;width:80%}}@media(max-width: 700px){.header__items-button{font-size:15px}}@media(max-width: 530px){.header__items-button{font-size:10px}}@media(max-width: 400px){.header__items-button{padding:8px 20px;width:95%}}.header__items-button svg{transform:translateX(0px);transition:all .4s ease}.header__items-button:hover{cursor:pointer;background-color:#a91711}.header__items-button:hover svg{transform:translateX(20px);transition:all .4s ease}.header__link{margin-top:auto;font-size:18px;line-height:20px;color:#747887}@media(max-width: 660px){.header__link{font-size:12px}}@media(max-width: 400px){.header__link{font-size:8px}}.header__link-a{color:#eb3d35;text-decoration:none;margin-left:5px}.header__link-a:hover{cursor:pointer;color:#a91711;text-decoration:underline}.steps{display:none;background-color:#fff;padding:20px 10px 50px 120px}@media(max-width: 888px){.steps{padding-left:80px}}@media(max-width: 778px){.steps{padding-left:50px}}@media(max-width: 430px){.steps{padding-left:10px}}.steps__images{position:relative;display:flex;justify-content:space-between;flex-direction:row;margin-bottom:60px;max-width:690px;width:100%}.steps__progress{position:absolute;top:50%;height:2px;max-width:650px;width:100%;background-color:#e5e4e1}@media(max-width: 745px){.steps__progress{width:100%}}.steps__sucsess{position:absolute;top:0;left:0;height:2px;background-color:#eb3d35;transition:all 1s ease}.steps__image{border:2px solid #e5e4e1;border-radius:50%;display:flex;padding:13px;justify-content:center;align-items:center;z-index:99;background-color:#fff;transition:all .8s ease}@media(max-width: 545px){.steps__image{padding:8px}}@media(max-width: 405px){.steps__image{padding:6px}}.steps__image:last-child{margin-right:0}.steps__image.active-image{background-color:#eb3d35;border-color:rgba(0,0,0,0)}.steps__image.active-image svg path{fill:#fff}.steps .back{background-color:#fff;color:#051655;border:1px solid #e5e4e1}.steps .back:hover{background-color:#d9d9d9}.completion{display:none}.completion.active{display:block}.completion__label{position:relative}.completion__input{max-width:460px;width:100%;border:1px solid #e5e4e1;padding:20px 0 20px 65px;outline:none;color:#eb3d35}.completion__input::placeholder{color:#747887;font-size:18px;line-height:20px}@media(max-width: 768px){.completion__input::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.completion__input::placeholder{font-size:13px;line-height:15px}}.completion__input:focus{border:1px solid #eb3d35}.completion__input:focus+.completion__svg path{fill:#eb3d35}.completion__input:focus::placeholder{color:#eb3d35}.completion__svg{position:absolute;top:0px;left:30px}.completion .title{font-size:50px;line-height:55px;color:#051655;font-weight:400}@media(max-width: 768px){.completion .title{font-size:35px;line-height:40px}}@media(max-width: 430px){.completion .title{font-size:25px}}.completion .text{font-size:20px;line-height:22px;margin:10px 0 60px;color:#747887}@media(max-width: 768px){.completion .text{font-size:17px}}@media(max-width: 430px){.completion .text{font-size:14px}}.form__header{margin:0;margin-top:40px;color:#051655}.form__labels{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 360px));gap:20px;margin:20px auto 82px}@media(max-width: 888px){.form__labels{display:flex;flex-direction:column;max-width:400px;width:100%}}.form__label{background-color:#f3f6f9;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px;cursor:pointer}.form__img{background-color:#fff;padding:10px}.form__fake{width:30px;height:30px;margin-left:auto;margin-right:15px;border-radius:50%;border:1px solid #e5e4e1;background-color:#fff;display:flex;justify-content:center;align-items:center}.form__fake::after{content:"";width:20px;height:20px;background-color:#eb3d35;border-radius:50%;opacity:0;z-index:1}.form__check{width:30px;height:30px;margin-left:auto;margin-right:15px;border-radius:5px;border:1px solid #e5e4e1;background-color:#fff;display:flex;justify-content:center;align-items:center}.form__check img{opacity:0}.form__text{margin-left:20px;z-index:1}.form__input{display:none}.form__input:checked+.form__fake::after{opacity:1}.form__input:checked+.form__fake{border:1px solid #eb3d35}.form__input:checked~.border{opacity:1}.form__input:checked+.form__check{background-color:#eb3d35}.form__input:checked+.form__check img{opacity:1}.border{position:absolute;top:0;left:0;right:0;bottom:0;outline:1px solid #eb3d35;opacity:0}.profile{display:flex;flex-direction:row;column-gap:40px;padding-bottom:80px;height:360px}@media(max-width: 768px){.profile{column-gap:25px;height:320px}}@media(max-width: 500px){.profile{column-gap:15px;height:280px}}.profile__header{font-size:25px;line-height:27px;margin:0 0 24px;font-weight:normal;color:#051655}.profile__avatar{max-width:360px;width:100%;background-color:#f3f6f9;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #051655}.profile__data{max-width:720px;width:100%;height:100%;display:flex;flex-direction:column}.profile__text{margin:0;margin-top:30px;color:#051655;font-size:20px;line-height:22px}@media(max-width: 768px){.profile__text{font-size:17px;line-height:20px}}@media(max-width: 468px){.profile__text{font-size:14px;line-height:16px}}.profile__label{position:relative}.profile__icon{position:absolute;top:20px;left:30px}.profile__input{width:100%;padding:20px 0 20px 65px;border:1px solid #e5e4e1;margin-bottom:10px}.profile__input :last-child{margin-bottom:0}@media(max-width: 500px){.profile__input{padding-left:53px}}.profile__input::placeholder{font-size:18px;line-height:19px;color:#e5e4e1}@media(max-width: 500px){.profile__input::placeholder{font-size:13px}}.block{margin:30px 0 61px}.business{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.business__title{font-size:25px;line-height:27px;font-weight:400;color:#051655}.business__label{border:1px solid #e5e4e1;position:relative;padding:15px 24px}.business__label:hover{cursor:pointer}.business__text{color:#747887;font-size:18px;line-height:20px}.business__checkbox{display:none}.business__checkbox:checked+.business__text{color:#000}.business__checkbox:checked~.br{opacity:1}.br{position:absolute;top:0;left:0;right:0;bottom:0;outline:2px solid #051655;opacity:0}.user{flex-direction:column;margin-bottom:122px}.user__inputs{display:flex;flex-direction:row;margin-bottom:10px;gap:10px}.user__label{position:relative}.user__input{padding:20px 65px;border:1px solid #e5e4e1;max-width:460px;width:100%;outline:none}@media(max-width: 490px){.user__input{padding:20px 55px}}.user__input:focus{border:1px solid #eb3d35;outline:none}.user__input:focus::placeholder{color:#eb3d35}.user__input:focus~.user__icon path{fill:#eb3d35}.user__input::placeholder{font-size:18px;line-height:20px;color:#747887}@media(max-width: 768px){.user__input::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.user__input::placeholder{font-size:13px;line-height:15px}}.user__icon{position:absolute;top:18px;left:30px}.user__textarea{max-width:930px;width:100%;border:1px solid #e5e4e1;padding:20px 0 0 30px}.user__textarea:focus{border:1px solid #eb3d35;outline:none}.user__textarea:focus::placeholder{color:#eb3d35}.user__textarea::placeholder{font-size:18px;line-height:20px;color:#747887}@media(max-width: 768px){.user__textarea::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.user__textarea::placeholder{font-size:13px;line-height:15px}}.finish{display:none;flex-direction:column;max-width:650px;width:100%}.finish__title{margin:40px 0 10px;font-size:50px;line-height:55px;color:#051655}.finish__text{font-size:20px;line-height:22px;color:#747887}.finish__header{font-size:25px;line-height:22px;color:#051655;margin:40px 0 10px}.finish__header-text{margin-bottom:10px}.finish__header-text:last-child{margin-bottom:0}.finish__btn{margin-top:60px;max-width:340px;width:100%;padding:18px 36px 18px 50px;background-color:#eb3d35;border:none;color:#fff;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out}.finish__btn:hover{background-color:#c01b13}.finish__btn svg{margin-right:14px}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{font-family:"Gabarito",sans-serif;max-width:1400px;min-width:320px;margin:20px auto;background-color:#051655}@media(max-width: 484px){body{position:absolute;top:30%;margin:0 7px}}.button{border:none;color:#fff;padding:18px 49px;font-size:22px;line-height:24px;background-color:#eb3d35;transition:background-color .2s ease-in-out;cursor:pointer}@media(max-width: 768px){.button{font-size:18px}}@media(max-width: 468px){.button{font-size:15px}}.button:hover{background-color:#c01b13}main{width:98%;margin:0 auto}
+.header{display:grid;grid-template-columns:repeat(2, minmax(100px, 1fr));background-color:#fff;max-height:740px}@media(max-width: 450px){.header{position:absolute;top:30%}}.header__badge{max-width:746px;width:100%}.header__badge-img{height:100%;max-width:746px;width:100%}.header__items{display:flex;flex-direction:column;padding:69px 0 60px 100px;max-width:406px}@media(max-width: 980px){.header__items{padding:49px 0 30px 50px}}@media(max-width: 530px){.header__items{padding:29px 0 20px 30px}}@media(max-width: 464px){.header__items{padding:19px 0 10px 15px}}@media(max-width: 385px){.header__items{padding:14px 0 5px 15px}}@media(max-width: 350px){.header__items{padding:10px 0 0 15px}}.header__items-logo{margin-bottom:89px;max-width:120px;margin-right:auto}@media(max-width: 980px){.header__items-logo{margin-bottom:59px}}@media(max-width: 768px){.header__items-logo{margin-bottom:39px}}@media(max-width: 583px){.header__items-logo{margin-bottom:19px;height:25px}}@media(max-width: 454px){.header__items-logo{margin-bottom:12px;height:18px}}@media(max-width: 404px){.header__items-logo{height:14px}}.header__items-title{margin:0 0 10px 0}@media(max-width: 700px){.header__items-title{font-size:20px}}@media(max-width: 454px){.header__items-title{margin-bottom:8px}}.header__items-subtitle{margin-bottom:40px}@media(max-width: 700px){.header__items-subtitle{margin-bottom:25px;font-size:10px}}@media(max-width: 583px){.header__items-subtitle{margin-bottom:12px}}@media(max-width: 454px){.header__items-subtitle{margin-bottom:8px}}.header__items-button{width:100%;text-decoration:none;font-family:"Gabarito";font-size:22px;line-height:24.42px;background-color:#eb3d35;color:#fff;border:none;padding:18px 30px;display:flex;justify-content:space-around;align-items:center;transition:all .4s ease-in-out}@media(max-width: 860px){.header__items-button{justify-content:space-evenly;padding:12px 20px;width:80%}}@media(max-width: 700px){.header__items-button{font-size:15px}}@media(max-width: 530px){.header__items-button{font-size:10px}}@media(max-width: 400px){.header__items-button{padding:8px 20px;width:95%}}.header__items-button svg{transform:translateX(0px);transition:all .4s ease}.header__items-button:hover{cursor:pointer;background-color:#a91711}.header__items-button:hover svg{transform:translateX(20px);transition:all .4s ease}.header__link{margin-top:auto;font-size:18px;line-height:20px;color:#747887}@media(max-width: 660px){.header__link{font-size:12px}}@media(max-width: 400px){.header__link{font-size:8px}}.header__link-a{color:#eb3d35;text-decoration:none;margin-left:5px}.header__link-a:hover{cursor:pointer;color:#a91711;text-decoration:underline}.steps{display:none;background-color:#fff;padding:20px 10px 50px 120px}@media(max-width: 888px){.steps{padding-left:80px}}@media(max-width: 778px){.steps{padding-left:50px}}@media(max-width: 430px){.steps{padding-left:10px}}.steps__images{position:relative;display:flex;justify-content:space-between;flex-direction:row;margin-bottom:60px;max-width:690px;width:100%}.steps__progress{position:absolute;top:50%;height:2px;max-width:650px;width:100%;background-color:#e5e4e1}@media(max-width: 745px){.steps__progress{width:100%}}.steps__sucsess{position:absolute;top:0;left:0;height:2px;background-color:#eb3d35;transition:all 1s ease}.steps__image{border:2px solid #e5e4e1;border-radius:50%;display:flex;padding:13px;justify-content:center;align-items:center;z-index:99;background-color:#fff;transition:all .8s ease}@media(max-width: 545px){.steps__image{padding:8px}}@media(max-width: 405px){.steps__image{padding:6px}}.steps__image:last-child{margin-right:0}.steps__image.active-image{background-color:#eb3d35;border-color:rgba(0,0,0,0)}.steps__image.active-image svg path{fill:#fff}.steps .back{background-color:#fff;color:#051655;border:1px solid #e5e4e1}.steps .back:hover{background-color:#d9d9d9}.completion{display:none}.completion.active{display:block}.completion__label{position:relative}.completion__input{max-width:460px;width:100%;border:1px solid #e5e4e1;padding:20px 0 20px 65px;outline:none;color:#eb3d35}.completion__input::placeholder{color:#747887;font-size:18px;line-height:20px}@media(max-width: 768px){.completion__input::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.completion__input::placeholder{font-size:13px;line-height:15px}}.completion__input:focus{border:1px solid #eb3d35}.completion__input:focus+.completion__svg path{fill:#eb3d35}.completion__input:focus::placeholder{color:#eb3d35}.completion__svg{position:absolute;top:0px;left:30px}.completion .title{font-size:50px;line-height:55px;color:#051655;font-weight:400}@media(max-width: 768px){.completion .title{font-size:35px;line-height:40px}}@media(max-width: 430px){.completion .title{font-size:25px}}.completion .text{font-size:20px;line-height:22px;margin:10px 0 60px;color:#747887}@media(max-width: 768px){.completion .text{font-size:17px}}@media(max-width: 430px){.completion .text{font-size:14px}}.form__header{margin:0;margin-top:40px;color:#051655}.form__labels{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 360px));gap:20px;margin:20px auto 82px}@media(max-width: 888px){.form__labels{display:flex;flex-direction:column;max-width:400px;width:100%}}.form__label{background-color:#f3f6f9;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px;cursor:pointer}.form__img{background-color:#fff;padding:10px}.form__fake{width:30px;height:30px;margin-left:auto;margin-right:15px;border-radius:50%;border:1px solid #e5e4e1;background-color:#fff;display:flex;justify-content:center;align-items:center}.form__fake::after{content:"";width:20px;height:20px;background-color:#eb3d35;border-radius:50%;opacity:0;z-index:1}.form__check{width:30px;height:30px;margin-left:auto;margin-right:15px;border-radius:5px;border:1px solid #e5e4e1;background-color:#fff;display:flex;justify-content:center;align-items:center}.form__check img{opacity:0}.form__text{margin-left:20px;z-index:1}.form__input{display:none}.form__input:checked+.form__fake::after{opacity:1}.form__input:checked+.form__fake{border:1px solid #eb3d35}.form__input:checked~.border{opacity:1}.form__input:checked+.form__check{background-color:#eb3d35}.form__input:checked+.form__check img{opacity:1}.border{position:absolute;top:0;left:0;right:0;bottom:0;outline:1px solid #eb3d35;opacity:0}.profile{display:flex;flex-direction:row;column-gap:40px;padding-bottom:80px;height:360px}@media(max-width: 768px){.profile{column-gap:25px;height:320px}}@media(max-width: 500px){.profile{column-gap:15px;height:280px}}.profile__header{font-size:25px;line-height:27px;margin:0 0 24px;font-weight:normal;color:#051655}.profile__avatar{max-width:360px;width:100%;background-color:#f3f6f9;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #051655}.profile__data{max-width:720px;width:100%;height:100%;display:flex;flex-direction:column}.profile__text{margin:0;margin-top:30px;color:#051655;font-size:20px;line-height:22px}@media(max-width: 768px){.profile__text{font-size:17px;line-height:20px}}@media(max-width: 468px){.profile__text{font-size:14px;line-height:16px}}.profile__label{position:relative}.profile__icon{position:absolute;top:20px;left:30px}.profile__input{width:100%;padding:20px 0 20px 65px;border:1px solid #e5e4e1;margin-bottom:10px}.profile__input :last-child{margin-bottom:0}@media(max-width: 500px){.profile__input{padding-left:53px}}.profile__input::placeholder{font-size:18px;line-height:19px;color:#e5e4e1}@media(max-width: 500px){.profile__input::placeholder{font-size:13px}}.block{margin:30px 0 61px}.business{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.business__title{font-size:25px;line-height:27px;font-weight:400;color:#051655}.business__label{border:1px solid #e5e4e1;position:relative;padding:15px 24px}.business__label:hover{cursor:pointer}.business__text{color:#747887;font-size:18px;line-height:20px}.business__checkbox{display:none}.business__checkbox:checked+.business__text{color:#000}.business__checkbox:checked~.br{opacity:1}.br{position:absolute;top:0;left:0;right:0;bottom:0;outline:2px solid #051655;opacity:0}.user{flex-direction:column;margin-bottom:122px}.user__inputs{display:flex;flex-direction:row;margin-bottom:10px;gap:10px}.user__label{position:relative}.user__input{padding:20px 65px;border:1px solid #e5e4e1;max-width:460px;width:100%;outline:none}@media(max-width: 490px){.user__input{padding:20px 55px}}.user__input:focus{border:1px solid #eb3d35;outline:none}.user__input:focus::placeholder{color:#eb3d35}.user__input:focus~.user__icon path{fill:#eb3d35}.user__input::placeholder{font-size:18px;line-height:20px;color:#747887}@media(max-width: 768px){.user__input::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.user__input::placeholder{font-size:13px;line-height:15px}}.user__icon{position:absolute;top:18px;left:30px}.user__textarea{max-width:930px;width:100%;border:1px solid #e5e4e1;padding:20px 0 0 30px}.user__textarea:focus{border:1px solid #eb3d35;outline:none}.user__textarea:focus::placeholder{color:#eb3d35}.user__textarea::placeholder{font-size:18px;line-height:20px;color:#747887}@media(max-width: 768px){.user__textarea::placeholder{font-size:15px;line-height:17px}}@media(max-width: 468px){.user__textarea::placeholder{font-size:13px;line-height:15px}}.finish{display:none;flex-direction:column;max-width:650px;width:100%}.finish__title{margin:40px 0 10px;font-size:50px;line-height:55px;color:#051655}.finish__text{font-size:20px;line-height:22px;color:#747887}.finish__header{font-size:25px;line-height:22px;color:#051655;margin:40px 0 10px}.finish__header-text{margin-bottom:10px}.finish__header-text:last-child{margin-bottom:0}.finish__btn{margin-top:60px;max-width:340px;width:100%;padding:18px 36px 18px 50px;background-color:#eb3d35;border:none;color:#fff;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out}.finish__btn:hover{background-color:#c01b13}.finish__btn svg{margin-right:14px}*{margin:0;padding:0;box-sizing:border-box;list-style:none}body{font-family:"Gabarito",sans-serif;max-width:1400px;min-width:320px;margin:20px auto;background-color:#051655}.button{border:none;color:#fff;padding:18px 49px;font-size:22px;line-height:24px;background-color:#eb3d35;transition:background-color .2s ease-in-out;cursor:pointer}@media(max-width: 768px){.button{font-size:18px}}@media(max-width: 468px){.button{font-size:15px}}.button:hover{background-color:#c01b13}main{width:98%;margin:0 auto}