:root{--clr-primary-blue:#0866ff;--clr-secondary-blue:#0866ff;--clr-blue-link:#5aa7ff;--clr-comment-blue:#2176ff;--clr-primary-white:#f2f2f2;--clr-secondary-white:#b8bbbf;--clr-primary-gray-dark:#18191a;--clr-primary-gray:#242526;--clr-comment-background:#3a3b3c;--clr-secondary-comment-background:#4e4f50;--clr-secondary-icon:#b0b3b8;--clr-secondary-text:#b0b3b8;--clr-secondary-btn-text:#e4e6eb;--clr-primary-icon:#e4e6eb;--clr-primary-text:#e4e6eb;--clr-secondary-btn-bg:hsla(0,0%,100%,.1);--filter-secondary-icon:invert(62%) sepia(98%) saturate(12%) hue-rotate(175deg) brightness(90%) contrast(96%)}html{box-sizing:border-box;font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#f08080;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.profile-info_container{background-color:#add8e6;display:flex;flex-direction:column;margin-inline:auto;max-width:56rem;padding:1rem}@media (min-width:900px){.profile-info_container{background-color:#90ee90;flex-direction:row;gap:1rem}}.global-container{margin-inline:auto;max-width:100%;width:55rem}.card{background-color:var(--clr-primary-gray);border-radius:.4rem;color:#fff;margin-bottom:1rem;padding:1rem}.card>div{align-items:start;display:flex;justify-content:space-between}.card>div>h2+a{color:var(--clr-blue-link)}.card a{text-decoration:none}.profile-media__button{background-color:var(--clr-comment-background);border:none;border-radius:.4rem;color:var(--clr-secondary-btn-text);cursor:pointer;margin-top:.7rem;padding:.7rem}.profile-media__button:hover{background-color:var(--clr-secondary-comment-background)}.profile-media__button i{margin-right:.4rem}.active-link{color:var(--clr-secondary-blue);position:relative}.active-link:hover{background-color:none}.active-link:before{background-color:var(--clr-secondary-blue);bottom:-.2rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.header{background-color:var(--clr-primary-gray);padding:.5rem 1rem;position:fixed;width:100%;z-index:1}.header .header__navbar{display:flex;justify-content:space-between}.header .header__navbar div{align-items:center;display:flex;position:relative}.header .header__navbar div .header__search input{background-color:var(--clr-comment-background);border:none;border-radius:99px;display:none;margin-left:.5rem;padding:.7rem .7rem .7rem 2.5rem}@media (min-width:1200px){.header .header__navbar div .header__search input{display:block}}.header .header__navbar div .header__search svg{background-color:var(--clr-comment-background);border-radius:50%;box-sizing:content-box;color:var(--clr-secondary-icon);display:block;left:0;margin-left:.5rem;padding:.775rem;position:relative;top:50%;width:1rem}@media (min-width:1200px){.header .header__navbar div .header__search svg{position:absolute;top:0}}.header .header__navbar ul{display:flex;justify-content:space-between}.header .header__navbar ul li{color:var(--clr-secondary-icon)}.header .header__navbar ul li::marker{content:""}.header .header__navbar ul img{border-radius:50%;width:2.5rem}.header .header__navbar .header__menu{align-self:center;display:none;height:calc(100% - .5rem);justify-content:center;left:50%;max-width:53rem;padding-inline:12rem;position:absolute;transform:translateX(-50%);width:100%}.header .header__navbar .header__menu .menu__social-link{border-radius:7px;color:var(--clr-secondary-icon);cursor:pointer;display:flex;flex-basis:20%;justify-content:center}.header .header__navbar .header__menu .menu__social-link:hover{background-color:var(--clr-comment-background)}.header .header__navbar .header__menu .menu__social-link svg{width:1.5rem}@media (min-width:700px){.header .header__navbar .header__menu{display:flex}}.header .header__navbar .header__personal-menu{gap:.5rem}.header .header__navbar .header__personal-menu .personal-menu__link{background-color:var(--clr-secondary-btn-bg);border-radius:50%;box-sizing:content-box;color:var(--clr-primary-icon);cursor:pointer;height:1.25rem;padding:.7rem;width:1.25rem}.header .header__navbar .header__personal-menu .personal-menu__link:last-child{height:2.5rem;padding:0;position:relative;width:2.5rem}.header .header__navbar .header__personal-menu .personal-menu__link:last-child i{background-color:var(--clr-comment-background);border:2px solid var(--clr-primary-gray);border-radius:50%;bottom:-.2rem;font-size:.6rem;padding:.07rem;position:absolute;right:0}.header .header__navbar .header__personal-menu .personal-menu__link:last-child:before{border-radius:50%;content:"";height:100%;position:absolute;width:100%}.header .header__navbar .header__personal-menu .personal-menu__link:last-child:hover:before{background-color:hsla(0,0%,100%,.096)}.header .header__navbar .header__personal-menu .personal-menu__link:hover{background-color:var(--clr-secondary-comment-background)}.header .header__navbar .header__personal-menu .personal-menu__link svg{width:1.25rem}.header .header__navbar .header__personal-menu .personal-menu__link:first-child svg:last-child{display:block}@media (min-width:1100px){.header .header__navbar .header__personal-menu .personal-menu__link:first-child svg:last-child{display:none}}.header .header__navbar .header__personal-menu .personal-menu__link:first-child svg:first-child{display:none}@media (min-width:1100px){.header .header__navbar .header__personal-menu .personal-menu__link:first-child svg:first-child{display:block}}.banner .banner__coverphoto{background-image:linear-gradient(#fdf0ce,var(--clr-primary-gray))}.banner .banner__coverphoto .image-container{border-bottom-left-radius:7px;border-bottom-right-radius:7px;cursor:pointer;margin-inline:auto;max-width:60rem;min-height:23rem;overflow:hidden;position:relative}.banner .banner__coverphoto .image-container img{left:50%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.banner .banner__coverphoto .image-container .banner__coverphoto--edit{background-color:#fff;border-radius:6px;bottom:1rem;box-shadow:0 0 5px gray;cursor:pointer;display:flex;gap:5px;padding:8px 10px;position:absolute;right:2rem}@media (max-width:900px){.banner .banner__coverphoto .image-container .banner__coverphoto--edit p{display:none}}.banner .banner__coverphoto .image-container .banner__coverphoto--edit:hover{background-color:#f2f2f2}.banner .banner__edit{background-color:var(--clr-primary-gray)}.banner .banner__edit .global-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}@media (min-width:900px){.banner .banner__edit .global-container{flex-direction:row}}.banner .banner__edit .banner__display{display:flex;gap:1.2rem;position:relative}@media (max-width:900px){.banner .banner__edit .banner__display{align-items:center;flex-direction:column;gap:0;position:relative;top:-1rem}}.banner .banner__edit .banner__display .banner__personal-img{border-radius:50%;bottom:1.5rem;cursor:pointer;height:11rem;position:relative;width:11rem}.banner .banner__edit .banner__display .banner__personal-img img{border:4px solid var(--clr-primary-gray);border-radius:50%;width:100%}.banner .banner__edit .banner__display .banner__personal-img:before{border-radius:50%;content:"";height:calc(100% - 8px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 8px)}.banner .banner__edit .banner__display .banner__personal-img:hover:before{background-color:hsla(0,0%,100%,.096)}.banner .banner__edit .banner__display>i{background-color:var(--clr-comment-background);border-radius:50%;bottom:2rem;color:var(--clr-primary-icon);cursor:pointer;font-size:1.3rem;left:8rem;padding:.5rem;position:absolute}.banner .banner__edit .banner__display>i:hover{background-color:var(--clr-secondary-comment-background)}@media (max-width:900px){.banner .banner__edit .banner__display>i{bottom:8.9rem;left:8.8rem}}.banner .banner__edit .banner__display .banner__info{padding-top:1.3rem}@media (max-width:900px){.banner .banner__edit .banner__display .banner__info{padding-top:0;position:relative;text-align:center;top:-1rem}}.banner .banner__edit .banner__display .banner__info h1{color:#fff;font-size:2rem}.banner .banner__edit .banner__display .banner__info a{color:var(--clr-secondary-text);text-decoration:none}.banner .banner__edit .banner__display .banner__info a:hover{text-decoration:underline}.banner .banner__edit .banner__display .banner__info .friends-list{display:flex;margin-top:.7rem}.banner .banner__edit .banner__display .banner__info .friends-list div{border:3px solid var(--clr-primary-gray);border-radius:50%;height:2.5rem;position:relative;width:2.5rem}.banner .banner__edit .banner__display .banner__info .friends-list div img{border-radius:50%;cursor:pointer;height:100%;width:103%}.banner .banner__edit .banner__display .banner__info .friends-list div:last-child{position:relative}.banner .banner__edit .banner__display .banner__info .friends-list div:last-child:before{background-color:rgba(0,0,0,.4);border-radius:50%;content:"";height:100%;position:absolute;width:100%}.banner .banner__edit .banner__display .banner__info .friends-list div:last-child i{color:#cdcaca;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.banner .banner__edit .banner__display .banner__info .friends-list div:first-child{z-index:5}.banner .banner__edit .banner__display .banner__info .friends-list div:nth-child(2){right:.5rem;z-index:4}.banner .banner__edit .banner__display .banner__info .friends-list div:nth-child(3){right:1rem;z-index:3}.banner .banner__edit .banner__display .banner__info .friends-list div:nth-child(4){right:1.5rem;z-index:2}.banner .banner__edit .banner__display .banner__info .friends-list div:nth-child(5){right:2rem}@media (max-width:900px){.banner .banner__edit .banner__display .banner__info .friends-list{left:1rem;position:relative}}.banner .banner__edit .banner__media{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;margin-top:3.5rem}@media (max-width:900px){.banner .banner__edit .banner__media{margin-top:0;padding:0 1rem;position:relative;top:-1rem}}.banner .banner__edit .banner__media div{background-color:var(--clr-comment-background);border-radius:5px;cursor:pointer;display:flex;flex-grow:1;padding:8px 10px}.banner .banner__edit .banner__media div:hover{background-color:var(--clr-secondary-comment-background)}.banner .banner__edit .banner__media div img{filter:invert(89%) sepia(6%) hue-rotate(185deg);height:1rem;margin-right:.5rem;width:1rem}.banner .banner__edit .banner__media div:first-child{background-color:var(--clr-primary-blue)}.banner .banner__edit .banner__media div:first-child:hover{background-color:var(--clr-comment-blue)}.banner .banner__edit .banner__media i{background-color:var(--clr-comment-background);border-radius:5px;cursor:pointer;flex-grow:1;font-size:.7rem;padding:11px 17px;text-align:center}.banner .banner__edit .banner__media i:hover{background-color:var(--clr-secondary-comment-background)}.banner .banner__profile-links{background-color:var(--clr-primary-gray)}@media (max-width:900px){.banner .banner__profile-links{padding-inline:1rem;position:relative}}.banner .banner__profile-links .global-container{align-items:center;border-top:1px solid gray;display:flex;justify-content:space-between;padding:.2rem 0}.banner .banner__profile-links .global-container>i{background-color:var(--clr-comment-background);border-radius:5px;color:var(--clr-primary-icon);cursor:pointer;font-size:.7rem;padding:.7rem 1.2rem}.banner .banner__profile-links .global-container>i:hover{background-color:var(--clr-secondary-comment-background)}.banner .banner__profile-links .links{display:flex;flex-wrap:wrap}.banner .banner__profile-links .links .profile-link a{border-radius:.4rem;color:var(--clr-secondary-text);display:block;padding:1rem;text-decoration:none}.banner .banner__profile-links .links .profile-link a:hover{background-color:var(--clr-comment-background)}.banner .banner__profile-links .links .profile-link a.active-link:hover{background-color:var(--clr-primary-gray)}.banner .banner__profile-links .links .profile-link::marker{content:""}.banner .banner__profile-links .links .profile-link :last-child i{margin-left:.5rem}.profile-media{background-color:var(--clr-primary-gray-dark)}.profile-media .global-container{display:flex;gap:1rem;padding:1rem 0}@media (max-width:900px){.profile-media .global-container{flex-direction:column;padding:1rem}}.profile-media .global-container .left{width:43%}.profile-media .global-container .left>p,.profile-media .global-container .left>p a{color:var(--clr-secondary-text);font-size:.8rem}.profile-media .global-container .left>p a{text-decoration:none}.profile-media .global-container .left>p a:hover{text-decoration:underline}.profile-media .global-container .left .intro .intro__sec{display:flex;flex-direction:column;text-align:center}.profile-media .global-container .left .intro .intro__details .details li{align-items:start;display:flex;text-align:start}.profile-media .global-container .left .intro .intro__details .details li::marker{content:""}.profile-media .global-container .left .intro .intro__details .details li img{filter:invert(89%) sepia(6%) hue-rotate(185deg);margin-right:.5rem}.profile-media .global-container .left .intro .intro__details .details li a{color:#fff;text-decoration:none}.profile-media .global-container .left .intro .intro__details .details li a:hover{text-decoration:underline}.profile-media .global-container .left .intro .intro__details .details li:not(:last-child){margin:1.3rem 0}@media (max-width:900px){.profile-media .global-container .left{left:50%;max-width:40rem;position:relative;transform:translateX(-50%);width:100%}}.profile-media .global-container .right{width:57%}.profile-media .global-container .right .whats-in-your-mind div:first-child{border-bottom:1px solid var(--clr-secondary-btn-bg);padding-bottom:.7rem}.profile-media .global-container .right .whats-in-your-mind div:first-child img{border-radius:50%}.profile-media .global-container .right .whats-in-your-mind div:first-child input{background-color:var(--clr-comment-background);border:none;border-radius:99px;caret-color:#fff;cursor:pointer;font-size:1.1rem;margin-left:.5rem;outline:none;padding:10px;width:100%}.profile-media .global-container .right .whats-in-your-mind div:first-child input:hover{background-color:var(--clr-secondary-comment-background)}.profile-media .global-container .right .whats-in-your-mind div:last-child{justify-content:center;margin-top:.5rem}.profile-media .global-container .right .whats-in-your-mind div:last-child p{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;flex-basis:31%;gap:.5rem;justify-content:center;padding:.5rem 0}.profile-media .global-container .right .whats-in-your-mind div:last-child p:hover{background-color:var(--clr-comment-background)}.profile-media .global-container .right .whats-in-your-mind div:last-child p span{color:var(--clr-secondary-text);font-size:.9rem;font-weight:700}.profile-media .global-container .right .posts-management{padding-inline:0;padding-bottom:0}.profile-media .global-container .right .posts-management .posts-management__buttons{margin-top:.2rem}.profile-media .global-container .right .posts-management .posts-management__buttons a:first-child{margin-right:.2rem}.profile-media .global-container .right .posts-management>div:first-child{padding-inline:1rem}.profile-media .global-container .right .posts-management>div:last-child{border-top:1px solid var(--clr-secondary-btn-bg);justify-content:center;margin-top:.8rem;padding:.2rem 0;text-align:center}.profile-media .global-container .right .posts-management>div:last-child a{border-radius:.4rem;color:var(--clr-secondary-text);flex-basis:47%;padding:.5rem 0}.profile-media .global-container .right .posts-management>div:last-child a:hover{background-color:var(--clr-comment-background)}.profile-media .global-container .right .posts-management>div:last-child a i{margin-right:.5rem}.profile-media .global-container .right .posts-management>div:last-child a.active-link:hover{background-color:var(--clr-primary-gray)}@media (max-width:900px){.profile-media .global-container .right{left:50%;max-width:40rem;position:relative;transform:translateX(-50%);width:100%}}.post .post__header{align-items:start;display:flex;justify-content:space-between}.post .post__header .post__owner-info{align-items:center;display:flex}.post .post__header .post__owner-info>img{border-radius:50%;margin-right:.5rem}.post .post__header .post__owner-info .post_posted-time{color:var(--clr-secondary-text);font-size:.8rem}.post .post__header .post__owner-info .post_posted-time img{filter:var(--filter-secondary-icon)}.post .post__header .post__config i{color:var(--clr-secondary-icon);cursor:pointer;font-size:1.1rem;padding:.6rem}.post .post__header .post__config i:hover{background-color:var(--clr-comment-background);border-radius:50%}.post .post__content,.post .post__interact{display:block}.post .post__interact .post__commenting{align-items:center;display:flex;position:relative}.post .post__interact .post__commenting .interactions{background-color:var(--clr-comment-background);border-radius:99px;display:flex;position:absolute;right:0;top:50%;transform:translateY(-50%)}.post .post__interact .post__commenting .interactions li{border-radius:50%;cursor:pointer;display:flex;padding:.45rem}.post .post__interact .post__commenting .interactions li:hover{background-color:var(--clr-secondary-comment-background)}.post .post__interact .post__commenting .interactions li::marker{content:""}.post .post__interact .post__commenting .interactions li img{filter:var(--filter-secondary-icon)}.post .post__interact .post__commenting .interactions li i{color:var(--clr-secondary-icon)}.post .post__interact .post__commenting>img{border-radius:50%;margin-right:.4rem}.post .post__interact .post__commenting input{background-color:var(--clr-comment-background);border:none;border-radius:99px;caret-color:#fff;outline:none;padding:.5rem;width:100%}.post .post__interact .post__interact-buttons{border-bottom:1px solid var(--clr-comment-background);display:flex;justify-content:center;margin-bottom:1rem;padding:.3rem 0;text-align:center}.post .post__interact .post__interact-buttons .post__interact-btn{border-radius:.4rem;color:var(--clr-secondary-text);flex-basis:50%;padding:.5rem 0}.post .post__interact .post__interact-buttons .post__interact-btn:hover{background-color:var(--clr-comment-background)}.post .post__interact .post__interact-buttons .post__interact-btn i{margin-right:.5rem}.text-post p{border-bottom:1px solid var(--clr-comment-background);color:var(--clr-primary-text);font-size:1.3rem;padding:.7rem 0}.img-text-post p{color:var(--clr-primary-text);font-size:.9375rem;font-weight:400;line-height:1.3333;margin:.7rem 0}.img-text-post a{display:flex}.img-text-post a img{left:-1rem;position:relative;width:calc(100% + 2rem)}.link-post>p{margin:.7rem 0}.link-post>p a{color:var(--clr-blue-link)}.link-post>p a:hover{text-decoration:underline}.link-post .link-post__preview{background-color:var(--clr-comment-background);left:-1rem;position:relative;width:calc(100% + 2rem)}.link-post .link-post__preview>a{display:flex}.link-post .link-post__preview>a img{width:100%}.link-post .link-post__preview i{align-items:center;background-color:var(--clr-primary-gray);border-radius:50%;bottom:3.7rem;display:flex;font-size:1rem;height:2rem;justify-content:center;position:absolute;right:1rem;width:2rem}.link-post .link-post__preview .preview__info{overflow:hidden;padding:.5rem 1rem;text-overflow:ellipsis;white-space:nowrap}.link-post .link-post__preview .preview__info a{color:var(--clr-secondary-text);font-size:.9rem;font-weight:400;line-height:1.3}.link-post .link-post__preview .preview__info a:hover{text-decoration:underline}.link-post .link-post__preview .preview__info a .preview__profile-name{color:#fff;font-size:1rem}/*# sourceMappingURL=style.css.map */