*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:arial}a{text-decoration:none}ul{list-style:none}.container{max-width:1320px;width:100%;margin:0 auto;padding:0 15px}body{background:#efeff2}.header__nav{background:#fff;padding:20px 30px}.header__nav-title{font-size:25px;line-height:120%;text-transform:uppercase;color:#3f3f3f}.main{margin-top:20px}.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.search__box{max-width:600px;width:100%;position:relative}.search__box-close{position:absolute;right:10px;top:5px}.search__box-input{width:100%;padding:10px 20px;background:#fff;border-radius:4px;border:none;outline:none;font-size:14px;line-height:120%;color:#c2c2c5}.search__btn{background:#3f3f3f;border-radius:0 4px 4px 0;color:#fff;font-size:14px;line-height:120%;text-transform:uppercase}.user{max-width:310px;width:100%;padding:13px 34px;background:#fff;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin:20px auto}.user__left img{width:100px;height:100px;-o-object-fit:cover;object-fit:cover}.user__left-btn{background:#3f3f3f;border-radius:6px;color:#fff;font-size:14px;line-height:120%;height:35px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user__left-btn,.user__right{display:-webkit-box;display:-ms-flexbox;display:flex}.user__right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.user__right p{color:#3f3f3f;font-size:14px;line-height:120%;font-weight:700}.user__right span{font-weight:400}.error{color:red;text-transform:uppercase;font-size:22px;text-align:center;margin-top:20px}.sort{margin:0 auto;margin-top:20px}.sort__title{color:#3f3f3f;font-size:18px;line-height:120%;text-align:center;margin-bottom:10px}.sort__box{background:#e0e0e0;border-radius:0 4px 4px 0;padding:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;gap:2px}.sort__box-btn{padding:8px 24px;font-size:16px;line-height:120%;text-transform:uppercase;border-radius:4px;border:none;outline:none}.sort__box-btn.active{background:#fff}.repos{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.repos__item{background:#fff;border-radius:4px;padding:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.repos__item,.repos__left{display:-webkit-box;display:-ms-flexbox;display:flex}.repos__left{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.repos__link{background:#3f3f3f;border-radius:6px;color:#fff;font-size:14px;line-height:120%;height:35px;width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:1060px){.repos{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:850px){.repos{grid-template-columns:repeat(1,1fr)!important}}