@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.App{background-color:#eef0f2;max-width:100%;min-height:100vh;width:100vw}.header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;padding:8px 16px;width:100%}.header__logo{align-self:center;color:#001d3d;font-size:30px;text-decoration:none}.header__img{height:30px}.header__button{background-color:#003566;border:none;border-radius:9px;color:#fff;padding:5px 20px;width:150px}.header__button:focus{outline:none}.header__button--menu{background-color:transparent;border:none;font-size:32px}.header__button--menu:hover{cursor:pointer}.navigation{background-color:#eef0f2;height:calc(100% - 64px);left:0;position:fixed;text-align:center;top:62px;width:100%;z-index:1}@media screen and (min-width:900px){.navigation{background-color:initial;height:auto;left:auto;position:static;text-align:left;text-align:initial;top:auto;width:auto;z-index:auto}}.navigation__list{list-style-type:none}.navigation__item{margin-top:20px}.navigation__link{color:#000;font-size:32px;text-decoration:none}.navigation__btn{background-color:transparent;border:none;font-size:32px;font-weight:400}.navigation__btn:hover{cursor:pointer}.comment{display:flex;flex-direction:row;margin-top:20px;position:relative}.comment__button--remove{background-color:transparent;border:none;outline:none;position:absolute;right:16px;top:0}.comment__button--remove:hover{cursor:pointer}.comment__avatar{border-radius:50%;height:80px;margin-right:16px;width:auto}.comment__link{color:#003566;font-size:16px;text-decoration:none}.comment__message{color:#001d3d;font-size:14px;margin-top:4px;text-overflow:clip}.post{background-color:#fff;border-radius:8px;padding:15px;position:relative}.post:not(:first-child){margin:10px 0}.post__btn{background-color:transparent;border:none;margin-right:5px}.post__btn:hover{cursor:pointer}.post__btn:focus{outline:none}.post__btn--remove{background-color:transparent;border:none;cursor:pointer;position:absolute;right:16px;top:8px}.post__header{align-items:center;display:flex;flex-direction:row}.post__avatar{border-radius:50%;height:80px;width:auto}.post__content{display:flex;flex-direction:column;margin-left:8px}.post__link{text-decoration:none}.post__author{color:#001d3d}.post__date{color:#000814;margin-top:8px}.post__body{margin:24px 0}.post__text{font-size:18px;font-weight:500}.post__footer{align-items:center;border-bottom:1px solid silver;border-top:1px solid silver;display:flex;flex-direction:row;justify-content:space-between;margin:10px 0;padding:10px}.post__likes{margin-right:20px}.post__input{background-color:#f8f9fa;border:0;border-radius:8px;color:#001d3d;padding:8px;width:100%}.form{align-items:center;display:flex;flex-direction:column;width:100%}.form__input{border:1px solid #eef0f2;border-radius:8px;padding:10px;width:100%}.form__input:focus{outline:none}.modal{background-color:#003566;border-radius:10px;color:#fff;left:0;margin:0 auto;padding:16px;position:fixed;text-align:center;top:30%;width:100%;z-index:1}@media(min-width:900px){.modal{left:15%;top:30%;width:70%}}@media(min-width:1400px){.modal{left:30%;top:30%;width:40%}}.modal__description{margin:16px 0 8px}.modal__body{display:flex;flex-direction:row;gap:16px;justify-content:space-around;margin-top:32px}.modal__btn{background-color:#fff;border:none;border-radius:9px;color:#001d3d;padding:5px 20px;width:180px}.modal__btn:focus{outline:none}.main{display:flex;flex-direction:row;gap:16px;padding:16px}.main__left{display:none}@media(min-width:900px){.main__left{display:flex;flex-direction:column;width:30%}}.main__profile{align-items:center;display:flex;flex-direction:row}.main__img{border-radius:50%;height:75%}.main__displayName{font-size:20px;margin-left:20px}.main__right{display:flex;flex-direction:column;margin:0 auto;min-height:100%;width:100%}@media(min-width:900px){.main__right{width:70%}}.profile{align-items:center;display:flex;flex-direction:column;gap:32px;padding:16px}@media screen and (min-width:900px){.profile{align-items:inherit;display:flex;flex-direction:row}}.profile__information{background-color:#fff;border-radius:10px;height:100%;padding:36px;text-align:center;width:100%}@media screen and (min-width:900px){.profile__information{width:35%}}@media screen and (min-width:1440px){.profile__information{width:25%}}.profile__avatar{border-radius:50%}.profile__city{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:8px}@media screen and (min-width:900px){.profile__city{margin:16px 0}}.profile__link{color:#003566;margin-top:16px;text-decoration:none}.profile__website{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:8px}.profile__posts{width:100%}@media screen and (min-width:900px){.profile__posts{margin:0 auto;width:65%}}@media screen and (min-width:1440px){.profile__posts{width:75%}}.settings{padding:16px}.settings__form{align-items:center;display:flex;flex-direction:column;gap:8px}.settings__label{margin-top:8px}.settings__input{border-radius:10px;padding:5px 10px;text-align:center;width:75%}@media screen and (min-width:900px){.settings__input{width:50%}}@media screen and (min-width:1440px){.settings__input{width:30%}}.settings__button{background-color:#003566;border:none;border-radius:10px;color:#fff;margin-top:16px;outline:none;padding:5px 20px;width:35%}@media screen and (min-width:900px){.settings__button{width:25%}}@media screen and (min-width:1440px){.settings__button{width:15%}}
/*# sourceMappingURL=main.021480cb.css.map*/