*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.6rem;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.header{align-items:center;background-color:#575149;color:#fff;display:flex;font-size:1rem;height:100px;justify-content:center;padding:10px 0;width:100%}.header__nav{margin:auto;width:70%}.header__menu,.header__nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.header__menu{flex-wrap:wrap;width:27%}.header__menu>*{list-style-type:none}.header__link{color:#fff;text-decoration:none}.active{color:#e77dd6}.search-bar{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.search-bar__input{background-color:#eec2e7;border:3px solid #be26aa;border-radius:20px;font-family:Roboto,sans-serif;font-size:1.1rem;height:50px;padding:10px;width:70%}.search-bar__input::-webkit-input-placeholder{color:#be26aa;font-size:1rem}.search-bar__input:-ms-input-placeholder{color:#be26aa;font-size:1rem}.search-bar__input::placeholder{color:#be26aa;font-size:1rem}.search-bar__input:focus{border:3px solid #7e0d6f;outline:none}.search-bar__btn{background-color:#be26aa;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;height:50px;transition:.5s ease-in-out;width:22%}.search-bar__btn:active,.search-bar__btn:hover{background-color:#611f56}.cards-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:30px}@media(max-width:768px){.cards-container{justify-content:center}}.card{border:1px solid #c2c2c2;border-radius:10px;box-shadow:16px 12px 19px -1px rgba(87,87,87,.31);cursor:pointer;flex-basis:32%;height:745px;overflow:hidden;position:relative;transition:.7s ease-in-out}.card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.card:hover .card__title{color:#611f56}.card:hover .card__bookmark,.card:hover .card__likes{opacity:1}.card__img{height:auto;width:100%}.card__content{padding:5px 10px;text-align:left}.card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#8a5481;display:-webkit-box;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis}.card__info{align-items:center;border-top:1px solid gray;bottom:11px;display:flex;flex-direction:row;justify-content:flex-start;left:0;padding:10px;position:absolute;width:100%}.card__description{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.card__bookmark,.card__likes{align-items:center;display:flex;flex-direction:row;font-size:16px;height:40px;opacity:.5;transition:.5s;width:20%}.card__bookmark{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFoBAMAAACIy3zmAAAAGFBMVEXu7u7///8AAAAoKCj4+Pjg4OBnZ2elpaUDSPJyAAAG1klEQVR42u3cTXfaRhQGYJRgr6WDgG0rarp1aNw1SuJ6bfIHCnVO1mbh318MAu6d0ceM5o40al/tJhLxwz0gzX01YpSctnh02i7D5G2V9botfpSoysfnYXSb9b5tbdHxqn/0IrdEz7IAtq0dOtmHgL6zRO9CQC//B+gQvoeHb2IKNNBAA/3fR68a0MUWFf9eDPPiZXc3x2387bTddDPMNwVaUSnDSnR6+l+KvcVf8D784oaOy/Z6H34AGmiggQYaaKCBDghdP5/+pSJT9TuMNk5NANBAAw000EADDTTQw0SjCQAaaKCBBhpooIEGGqkpOheggQYaaKCBBhpooJGaAg000EADDTTQQAON1BSdC9BAAw000EADDTTQSE2BBhpooIEGGmiggUZqiiYAaKCBBhpooIEGGmikpkADDTTQQAMNNNBAIzVFEwA00EADDTTQQAMNNFJToIEGGmiggQYaaKCRmqIJABpooIEGGmiggQYaqSnQQAMNNNBAAw000EhN0QQADTTQQAMNNNBBoPNkeOho/vbzeWDo8XSXZctoYKnp/v3Vv6eDagLmp5e/roeE3p9e/l7qwaCLQh9LPRR0uj+jl+lg0LPssm3XQ0HvruhlOhA0KfSh1Mkg0LTQh1IPAs0LfS110Oh0x9HLAaCjv7KstNQho89TLa3UAaOjr5m2fQodrRf68LfzwFPTkkJn2X0cdBOQXgu9vJ5FFs9Boz+SkwY5Xz/EAaPJJ/pwzuClDhb9nRQ6TnipQ0VPSaHTES119hwsekPn0Ye9pNR3caDox6vxvTm8torHxitMdM4LPUpIr3h4G0Gix3Ne6ONpWy91WOicAtfFXr3UQaG1Qp/2aqUOCq0V+rRXK3VIaL3QxV611CGh9UIXe6dKqUNKTZ/IdYT3uXt+IgypCaBX7JzuHU9pchMUuqTQ571jes2JQ0LTWai6l0+jwkGzmZG2l01Yw0Gz6b62l5Y6DwbNZ/v6waQJe0kCQSt9lX4w7cLyMNDRLQ8LSg6eqMlN72hSx0VUcfDKLo/0jo7IJ/bvuOJg8qn/HAKanBsWeeXBOyUk6xcdkbPwS1x1cEoC4Pv+0fQknNQcTEod9Y2O2OWu5mB6Lu87NZ3q54Xyg3ly028T8F2/I1R+cMTmJ72i2WS5Idngpe4PnbJ8pgHNu8j+0FNjx/s7ZG1kf2jezTYFX0/0LfaFVmODxrTONI/0iVZjg0a0aR7pEV2WODYkG4Z5pEd0aeJYjzbMI/2hKxLH+gxpY5RH+kNXJI616PTRKI/0hh7Ty3JqusaRXY26R6sTIMN7so/K6oRO0er8x3g1qVLqblNTGhtYrJ0ZK01Dp02AOqc3Xxzx0SCP9ISuSxzrhyy56RTNgjDL5YJkScjnuEs0y2ds1zheX/xH1CF6woIwW/REjRM6QSc8n7FeTbpS4oQu0PQE8BK3QOshmX80C8nbrGNPtZDMO1rLZ+wXG8+0T7VvtFroNmvR1ZDMN1oPwlqgZ+otPL/oMZuntXwKht8s9Y9W18+0RKul9oouWW3QCq2W2m9qujFNHBsWPNVlJtJNwNw0JWoa5jXplDTaOI9rHNbkkcLouU3i2DCsfv/CaLvEsX5Y/UkTRVsnji3zSFG0deLYcL8mq7hfI4lukTjWL2vfVOSRkuicXhDW7mgtufGAHmv5jCtaC8nk0cqyDgG0fhdSGl0ShDmjtduQ0mi90AJotdTCaPog2UMshWbPmMijaTMajcTQSqmFU9NJ68Sxfvi1LPeRagJooSNBdGnCJoRmQZgouizLlEGnBvls22FJaiyD5kGYKJoubzp/W0TQPAgXrnTJnRAJtJrPCKP1WyESaHVFmDBaS24k0N/UfEYarYVkAmhlVb88Wiu1Ozrfq0GYOHqulNoZTZusU6Hl0eqDac7oksduxNFseZMAWixxrB/yUruiSwrtA81L7ZqaiiWOiflqudy1CZBLHM3zyMQN/Ztk4lg/pFewD07oXyUTx/rhDSnPFyf0ki9U8ommyc3OCZ2Zr9R2Hj7qPwziij7GBl7RNLkRQj+PvKOnK2H0Q+wfrZXaES2VONYPtb/qhn6Iu0DTkMwdfQ7CfKOTlSD6Pu4IPZFDL5JRR+h0JYbexl2h+e84tUxNbZ7mlRnu2FepVRNg89y0eB7pghZPHE3zSBf0Nu4UPZNAV69y9jTcCaCNf99CPo9sjV6mo47R17a0Nfp13Tn6qSU6WrF8plv0JSRbJHboHctnukVf4oSlJXrDgrCO0Zefr7ZEzzwnjvXDotSfLD/Tp+mWx8TRII9seq5Df/Ht8VXrntDHHvdHbItO3lZ/vnanVIbR/J/Fz6Rq77/0cCK1lUkNxQAAAABJRU5ErkJggg==) no-repeat;background-position:10% 35%;background-size:27px;padding-left:35px}.card__likes{background:url(/static/media/like.07246e183d022bb2af5c.png) no-repeat;background-position:0 80%;background-size:60px;padding-left:52px}@media(max-width:1600px){.card{height:624px}}@media(max-width:1024px){.card{height:500px}}@media(max-width:768px){.card{flex-basis:70%;height:650px}}.wrapper{margin:auto;width:80%}.main{margin-top:30px}.main__container{display:flex;flex-direction:column;row-gap:30px}.form__input{border:1px solid purple;border-radius:5px;height:40px;width:100%}.invalid-input{border:1px solid red;position:relative}.input-error{color:red;font-size:.8rem}.field-title{font-size:1rem;margin-right:auto}.switch-btn{align-items:center;display:flex;justify-content:center;position:relative;width:280px}.switch-btn__female,.switch-btn__male{color:#666;font-size:1rem;margin-top:2px}.switch-btn__gender{background:#f6c;border-radius:100px;display:flex;height:30px;margin:0 10px;position:relative;width:60px}.switch-btn__gender .field-title{display:none}.switch-btn__label{border-radius:100px;cursor:pointer;height:28px;position:relative;width:28px;z-index:2}.switch-btn__input{display:none}.switch-btn__input:checked,.switch-btn__label{text-shadow:0 1px hsla(0,0%,100%,.25);transition:.3s ease-in}.switch-btn__selection{background:#fff;border-radius:100px;display:block;height:28px;left:1px;position:absolute;top:1px;transition:left .3s ease-in;width:28px;z-index:1}.switch-btn__input:checked+.switch-btn__label-on~.switch-btn__selection{left:31px}.form{align-items:center;background:#f5f5f5;border:1px solid purple;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:15px auto;padding:20px;row-gap:18px;width:50%}.form__firstname,.form__lastname{display:flex;flex-direction:column;width:100%}.form__lastname{margin-bottom:22px}.form__data{position:relative}.form__data .field-title{left:0;position:absolute;top:-23px}.form__agreement,.form__avatar,.form__select{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-right:auto;row-gap:10px;text-align:left;width:50%}.form__agreement{-webkit-column-gap:5px;column-gap:5px;display:flex;flex-direction:row-reverse;width:100%}.form__agreement .field-title{display:none}.form__agreement-label{width:93%}.form__select-item{height:42px;width:100%}.label{font-size:1rem}.valid-select>.input-error{display:none}.form__cards-container{-webkit-column-gap:20px;column-gap:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:auto auto 100px;row-gap:20px;width:80%}.form-card{flex-basis:30%;height:350px;padding:20px}.form-card__content{padding-top:27px;text-align:left}.card__avatar{border-radius:50%;height:100px;margin:auto;overflow:hidden;position:relative;width:100px}.card__avatar-img{height:auto;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.3820065b.css.map*/