*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0 0 10px}ol,ul{list-style:none;margin:0;padding:0}.img{display:block;height:auto;max-width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial;font-size:15px;font-style:normal;font-weight:400;line-height:160%;margin:0}.container{margin:0 auto;max-width:1280px;text-align:center;width:100%}.startScreen{font-size:36px;margin-top:30px}.form{margin:0 auto}.title h1{border-radius:5px;box-shadow:0 0 10px 0;color:#000;display:inline-block;margin:20px 0 40px;padding:15px 10px;text-decoration:none;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.title h1:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.title h1 svg{height:30px;margin-right:5px;vertical-align:middle;width:30px}.input{border:2px solid #ccc;border-radius:5px;display:inline-block;font-size:15px;margin-right:10px;max-width:300px;outline:none;padding:10px;transition:border .1s linear}.input:focus{border-color:#494949}.input::-webkit-input-placeholder{color:#ccc}.input:-ms-input-placeholder{color:#ccc}.input::placeholder{color:#ccc}.sort{align-items:center;display:flex;font-size:16px;left:175px;margin-right:10px;position:absolute;text-align:left;top:15px}.sort div{width:100px}.sort select{-webkit-appearance:none;appearance:none;background:none;border:1px solid #ccc;border-radius:3px;color:#444;display:block;font-family:inherit;font-size:1rem;padding:.5rem;width:100%}.sort:after{border-color:#000 transparent transparent;border-style:solid;border-width:6px 5px 0;content:"";display:block;margin-top:-3px;pointer-events:none;position:absolute;right:1rem;top:50%;z-index:1}.btn__search{background-color:#158815;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:11px;transition:all .1s linear}.btn__search:hover{background-color:#057505;-webkit-transform:scale(1.05);transform:scale(1.05)}.btn__search:active{background-color:#043404}.users__list{display:flex;flex-wrap:wrap;justify-content:center;padding:60px 40px;position:relative}.user{background-color:#fff;border-radius:9px;display:block;margin:10px;min-width:270px;padding-bottom:30px;position:relative;text-align:center;transition:all .1s linear}.user img{border-top-left-radius:9px 9px;border-top-right-radius:9px 9px;height:270px;margin-bottom:22px;width:270px}.user .user__login{font-family:Georgia;font-size:20px;font-style:normal;font-weight:400;letter-spacing:.06em;line-height:23px;margin-bottom:10px;text-align:center}.user .user__btns{color:#fff;display:flex;flex-direction:column;padding:10px 20px}.user .user__btns .user__add{align-items:center;background-color:transparent;border:none;display:flex;flex-flow:column;left:10px;outline:none;position:absolute;top:10px}.user .user__btns .user__more:hover{background-color:#ccc;cursor:pointer}.user .user__add svg{background-color:rgba(255,246,151,.5);border-radius:50%;height:30px;transition:all .1s linear;width:30px}.user .user__add svg path{fill:#464545}.user .user__add svg:hover{background-color:rgba(255,246,151,.9);cursor:pointer}.user .user__add svg:hover path{fill:#000}.user .user__more{background:transparent;border:2px solid #ccc;border-radius:100px;color:#000;display:inline-block;font-family:Georgia;font-size:17px;font-style:normal;font-weight:400;letter-spacing:.06em;line-height:130%;outline:none;padding:13px 43px;text-decoration:none;transition:all .1s linear}.user:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.user__add.fav svg{background-color:#f6e20a}.pagination{bottom:20px;display:flex;justify-content:center;left:50%;margin-top:30px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pagination__item{background-color:transparent;border:2px solid #ccc;border-radius:100px;font-family:Georgia;font-size:20px;font-style:normal;font-weight:400;height:52px;margin-right:20px;padding-bottom:4px;text-align:center;width:52px}.pagination__item:hover{background-color:var(--color-primary-light);cursor:pointer;transition:all .1s linear}.pagination__item:disabled{border:2px solid #ede9e9;color:#e6e6e6}.pagination__item:disabled:hover{background-color:transparent;cursor:not-allowed}.pagination__item:active{background-color:#686868;border:2px solid #686868}.pagination__item.active{border:2px solid #000}.pagination__item.active:hover{cursor:default}.pagination__item:last-child{margin-right:0}.user__card{border:1px solid #ccc;margin:0 auto;max-width:500px;padding:15px 10px}.user__card .user__card-header{display:flex;justify-content:space-around;margin-bottom:15px}.user__card .user__card-header .user__card-img{border-radius:50%;max-height:180px;max-width:180px}.user__card .user__card-header .user__card-description{margin-left:10px;text-align:left}.user__card .user__card-info{display:flex;font-weight:700;justify-content:space-around}.user__card .user__card-info div{color:#446bd8;font-size:20px}.user__card .user__card-info span{color:#000;font-size:18px;font-weight:400}.user__card .user__card-link{margin-top:20px}.user__card .user__card-link a{align-items:center;background-color:#121212;color:#fff;display:flex;font-size:18px;justify-content:center;padding:10px;text-decoration:none}.user__card .user__card-link a svg{display:inline-block;height:30px;margin-right:10px;width:30px}.user__card .user__card-link a svg path{fill:#fff}.error{background-color:#f32323;font-size:20px;margin-bottom:50px}@media (max-width:520px){.user__card-header{align-items:center;flex-direction:column}.sort{left:118px}.user__card{max-width:300px}.title .home__title{font-size:20px}.pagination__item{margin-right:8px}}@media (max-width:430px){.sort{left:90px}.title__userpage{font-size:20px}}
/*# sourceMappingURL=main.1ea1972e.css.map*/