.header{display:flex;align-content:center;justify-content:space-between;padding-bottom:20px}.header h1{color:var(--second-text-color)}.header__button{display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer}.header__button p{color:var(--second-text-color);margin-right:15px;font-size:15px;letter-spacing:2px;font-weight:600}.search{background-color:var(--container-color);display:flex;align-items:center;padding:5px 0;justify-content:space-between;border-radius:10px;margin-bottom:20px;box-shadow:#11111a08 0 4px 16px,#11111a08 0 8px 32px}.search__img{margin-left:15px}.search__text{background-color:transparent;border:none;outline:none;width:100%;padding:0 10px;color:var(--main-text-color);font-size:16px}.search__text::placeholder{color:var(--main-text-color);font-size:16px}.search__submit{background-color:var(--button-color);color:#fff;padding:10px 16px;margin-right:5px;border-radius:10px;border:none;cursor:pointer;font-size:16px}.show-error{font-weight:600;font-size:16px;color:var(--error-color);margin:0 10px;white-space:nowrap}.contact__item{display:flex;margin-bottom:20px;align-items:center}.contact__item p,a{margin-left:15px}.contact__item a{color:var(--main-text-color);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__item a:hover{text-decoration:underline}.contact__item img{filter:var(--filter-icon)}@media screen and (min-width: 768px){.contact{display:grid;grid-template-areas:"first second"}.contact div:nth-child(3){grid-area:second-start}.contact__item{max-width:25ch;min-width:25ch}}@media screen and (min-width: 1024px){.contact{margin-left:130px}}.description__container{display:flex;margin-bottom:25px;align-items:center}.description__img img{width:80px;height:80px;border-radius:50%;animation:fadeIn .7s ease-in-out}.description__info{margin-left:20px}.description__info h2{color:var(--second-text-color)}.description__info a{text-decoration:none;margin:0;color:var(--button-color)}.description__info a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width: 768px){.description__info{margin-left:30px}.description__img img{width:100px;height:100px}}@media screen and (min-width: 1024px){.description__info{width:calc(100% - 30px);display:grid;grid-template-areas:"first second"}.description__info p{grid-area:second-start;display:flex;align-items:center;justify-content:flex-end}.description__container{margin-bottom:0}.description__paragraph{margin-left:130px;width:calc(100% - 130px)}}.stadistics{background-color:var(--bg-color);border-radius:10px;display:flex;padding:20px 30px;justify-content:space-between;text-align:center;margin:25px 0}.stadistics__item p:nth-child(1){font-size:14px}.stadistics__item p:nth-child(2){margin-top:10px;font-size:25px;font-weight:600;color:var(--second-text-color)}@media screen and (min-width: 768px){.stadistics{justify-content:flex-start;gap:120px}.stadistics__item p{text-align:start}}@media screen and (min-width: 1024px){.stadistics{margin-left:130px}}.section{padding:30px 20px;background-color:var(--container-color);border-radius:10px;box-shadow:#11111a0d 0 4px 16px,#11111a0d 0 8px 32px}@media screen and (min-width: 768px){.section{padding:35px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,p,input{font-family:Space Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{color:var(--main-text-color);padding:20px}.content{width:100%}.disable{opacity:.5}.no-bio{opacity:.8}.light{--bg-color: rgb(246, 248, 255);--container-color: rgb(254, 254, 254);--second-text-color: rgb(34, 39, 49);--main-text-color: rgb(75, 106, 155);--button-color: rgb(0, 123, 255);--not-available-color: rgb(163, 181, 205);--error-color: hsl(0, 84%, 60%);--filter-icon: none}.dark{--bg-color: rgb(20, 28, 46);--container-color: rgb(31, 42, 72);--second-text-color: rgb(255, 255, 255);--main-text-color: rgb(255, 255, 255);--button-color: rgb(0, 123, 255);--not-available-color: rgb(142, 148, 164);--error-color: rgb(239, 68, 68);--filter-icon: brightness(5)}@media screen and (min-width: 768px){body{height:100vh;display:flex;align-items:center;justify-content:center}.content{width:600px}}@media screen and (min-width: 1024px){.content{width:800px}}