:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;color:hsla(0,0%,100%,.87);color-scheme:light dark;font-family:Nunito,sans-serif;font-synthesis:none;font-weight:400;line-height:1}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}body{display:flex;flex-direction:column}.header{align-items:center;background-color:#fff;display:flex;height:60px;padding:0 16px;width:100%}@media(min-width:768px){.header{padding:0 32px}}@media(min-width:1024px){.header{padding:0 60px}}@media(min-width:2560px){.header{padding:0}}.header .logo{height:26px;width:104px}.header .nav{display:flex;gap:10px;margin-left:auto}.header .btn{align-items:center;background:#f4e041;border:none;border-radius:80px;cursor:pointer;display:flex;height:34px;justify-content:center;outline:none;padding:0;width:100px}.header .btn:hover{background-color:#ffe302}.title{color:rgba(0,0,0,.87);font-size:15px;margin:0}div,ul{margin:0;padding:0}.hero{background-image:url(/WebsiteGetPost/static/media/pexels-alexandr-podvalny-1227513.be7665f876bbd9138501.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:center}.hero__content{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;margin:0 auto;padding:40px 16px 71px;width:100%}@media(min-width:768px){.hero__content{padding:89px 194px}}@media(min-width:1024px){.hero__content{padding:164px 322px}}@media(min-width:2560px){.hero__content{padding:164px 395px}}.hero_title{font-size:40px;font-weight:400;line-height:1;margin-bottom:21px;margin-top:0}.hero_p,.hero_title{color:#fff;max-width:380px;text-align:center}.hero_p{font-size:16px;line-height:1.625;margin:0}.hero__btn{background:#f4e041;border:none;border-radius:80px;color:rgba(0,0,0,.87);cursor:pointer;font-size:16px;height:34px;margin-top:32px;outline:none;width:100px}.hero__btn:hover{background-color:#ffe302}.post-form{color:#000;text-align:center}.post-form__title{font-size:40px;font-weight:400;line-height:1;text-align:center}.post-form-input,.post-form__title{margin-bottom:50px}.post-form-input:last-of-type{margin-bottom:0}.post-form-input-radio{margin-bottom:7px}.post-form-input-radio:last-of-type{margin-bottom:47px}.form{display:flex;flex-direction:column;margin:0 auto;max-width:380px;position:relative}.form input[type=email],.form input[type=tel],.form input[type=text]{background-color:transparent;border:1px solid #ccc;border-radius:4px;color:#7e7e7e;padding:14px}.form__label{display:flex;margin-bottom:11px;margin-top:43px}.form label{font-size:14px;gap:8px}.form label,.form__submit{align-items:center;display:flex}.form__submit{align-self:center;background-color:#f4e041;border:none;border-radius:80px;color:hsla(0,0%,100%,.87);cursor:pointer;font-size:16px;height:34px;justify-content:center;margin-bottom:100px;margin-top:50px;padding:9px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form__submit:hover:not(:disabled){background-color:#ffe302}.form__submit:disabled{background-color:#b4b4b4;cursor:not-allowed}.form input[type=radio]{-webkit-appearance:none;appearance:none;border:1px solid #d0cfcf;border-radius:50%;cursor:pointer;height:16px;position:relative;transition:border-color .3s ease;width:16px}.form input[type=radio]:checked:before{background-color:#00bdd3;border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.form input[type=radio]:focus{border-color:#00bdd3}.form__hint{color:#7e7e7e;font-size:12px;left:13px;position:absolute;top:238px}.upload-block{align-items:stretch;display:flex}.upload-block .upload-label{border:1px solid #000;border-radius:4px 0 0 4px;cursor:pointer;font-size:14px;font-weight:500;padding:14px;transition:background-color .2s ease;white-space:nowrap}.upload-block .upload-input{display:none}.upload-block .upload-filename{border:1px solid #ccc;border-radius:0 4px 4px 0;color:#7e7e7e;display:flex;flex:1 1;font-size:16px;padding:14px}.success-message{text-align:center}.success-message .success-title{color:rgba(0,0,0,.87);font-size:40px;font-weight:400;line-height:1;margin-bottom:50px;text-align:center}.success-message .success-image{height:290px;margin-bottom:100px;width:328px}.success-message .success-footer{box-sizing:border-box;color:#888;color:rgba(0,0,0,.87);font-size:16px;line-height:1.625;padding:17px 16px;position:relative;text-align:left;width:100%}@media(min-width:768px){.success-message .success-footer{padding:17px 32px}}@media(min-width:1024px){.success-message .success-footer{padding:17px 60px}}.success-message .success-footer:before{background-color:#ccc;content:"";height:1px;left:16px;position:absolute;right:16px;top:0}@media(min-width:768px){.success-message .success-footer:before{left:32px;right:32px}}@media(min-width:1024px){.success-message .success-footer:before{left:60px;right:60px}}.users{margin:140px 0;padding:0 16px;text-align:center}.users__title{color:rgba(0,0,0,.87);font-size:40px;font-weight:400;line-height:1;margin:0 0 50px;text-align:center}.users__list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);margin:0 auto 50px;max-width:1168px;padding:0 10px}@media(min-width:768px){.users__list{gap:16px;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.users__list{gap:29px;grid-template-columns:repeat(3,1fr)}}.users__card{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.08);padding:20px;text-align:center;word-break:break-word}.users img{border-radius:50%;height:70px;object-fit:cover;width:70px}.users__btn{background:#f4e041;border:none;border-radius:80px;cursor:pointer;font-size:16px;height:34px;margin-top:0;outline:none;transition:background-color .3s ease;width:120px}.users__btn:hover{background-color:#ffe302}.user__info{margin:0}.user__info,.user__name{color:rgba(0,0,0,.87);font-size:16px;line-height:1.625;text-align:center}.user__name{margin-bottom:20px;margin-top:20px}.container{box-sizing:border-box;margin:0 auto;min-width:360px;width:100%}@media(min-width:768px){.container{min-width:768px}}@media(min-width:1024px){.container{min-width:1024x}}@media(min-width:2560px){.container{align-items:center;justify-content:center;max-width:1170px}}
/*# sourceMappingURL=main.02396dc7.css.map*/