:root{--primary-bg-color: #000;--primary-color-separator-line: 255, 255, 255, .15;--primary-color: #fff;--log-in-button-disabled: #3441ae;--log-in-button-active: #4a5df9;--log-in-button-text-disabled: #b2b2b2;--log-in-button-text-active: #f5f6ff;--secondary-bg-color: #fff;--secondary-color: #000;--primary-color-separator-line-or-option: 255, 255, 255, .5}*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;font-family:proxima-nova,sans-serif;font-style:normal;font-weight:100}body{position:relative}.root-container{display:flex;position:relative;width:100vw;height:100vh;background-color:var(--primary-bg-color)}.account-option-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100vw;height:100vh}.links-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em}.links-info-bottom{display:flex;color:rgba(var(--primary-color-separator-line-or-option));font-size:1.2em;gap:1em}.lang-select{border:none;background:none;color:rgba(var(--primary-color-separator-line-or-option));cursor:pointer}.links-info ul{display:flex;justify-content:center;width:100vw;font-size:1.2em;gap:2.5em;flex-wrap:wrap;color:rgba(var(--primary-color-separator-line-or-option))}.links-info ul li{list-style:none;cursor:pointer}.links-info ul li:hover{text-decoration:underline}.instagram-icon-account-option{display:flex;justify-content:center;align-items:center;width:100%}.x{margin-top:2em;background-image:url(https://static.cdninstagram.com/rsrc.php/v4/yd/r/5Vve--Eas3M.png);background-position:0px -2959px;background-size:339px 3108px;width:175px;height:51px;background-repeat:no-repeat;display:inline-block}.account-option-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35em;height:48em;color:#fff}.log-in-container{display:flex;gap:2em;padding:2em;background-color:var(--primary-bg-color);border:1px solid rgba(var(--primary-color-separator-line))}.log-in-box-info{display:flex;flex-direction:column;color:rgba(var(--primary-color-separator-line-or-option))}.log-in-box-info button{margin:1em 2em;background:none;border:none;color:var(--primary-color);cursor:pointer}.log-in-box-info p{text-align:center;font-size:1.2em}.log-in-box-info p span{color:var(--log-in-button-active);cursor:pointer}.log-in-container,.log-in-form{display:flex;gap:1.5em;flex-direction:column}.log-in-container{gap:3em}.log-in-view{display:flex;flex-direction:column;gap:1.5em;padding:0 3em;width:100%}.log-in-form-or-separator{display:flex;justify-content:center;align-items:center;gap:1em}.log-in-form-or-separator p{color:rgba(var(--primary-color-separator-line-or-option))}.separator-line{width:100%;height:.05em;background-color:rgba(var(--primary-color-separator-line-or-option))}.log-in-form input:focus,.lang-select:focus{outline:none;box-shadow:none}.log-in-form input{padding:.5em;width:100%;font-size:1.4em;background-color:var(--primary-bg-color);color:var(--primary-color);border:1px solid rgba(var(--primary-color-separator-line))}.login-result{display:flex;justify-content:center;align-items:center;font-size:1.1em;color:red}.account-form-button{padding:.5em 2em;background-color:var(--log-in-button-disabled);border-radius:.8em;color:var(--log-in-button-text-disabled);border:none;font-size:1.4em}.account-form-button-active{color:var(--log-in-button-text-active);background-color:var(--log-in-button-active);cursor:pointer}.log-in-container-sign-up-switch{display:flex;padding:2em 3em;border:1px solid rgba(var(--primary-color-separator-line));font-size:1.4em}.log-in-container-sign-up-switch p span{color:var(--log-in-button-active);cursor:pointer}.main-site-posts-section{display:flex;flex-direction:column;gap:10px}.main-site-top-baner{display:flex;justify-content:start;width:100%;border-bottom:1px solid rgba(var(--primary-color-separator-line))}.main-site-top-baner-option{color:var(--primary-color);margin-left:2rem;font-size:1.6rem;margin-bottom:1em}.main-site-container{display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:13.5em;gap:3em;height:100vh;overflow:auto}.main-container-content{display:flex;position:relative;justify-content:center;align-items:start;gap:10em;height:100vh;background-color:#000}.main-site-posts-section{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.post-user-data{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:1.4em}.post-user-data div{display:flex;align-items:center;padding-bottom:1em;gap:.5em}.post-user-data div a{font-weight:600;color:#fff;text-decoration:none}.post-user-data button{background:none;border:none;cursor:pointer}.post-profile-img{width:2em;height:2em;border-radius:50%}.comment-button,.send-button{background:none;border:none;color:#fff;cursor:pointer}.follows-count{font-size:1.5em}.main-site-posts-block{display:flex;flex-direction:column;justify-content:space-around;padding:2em;background-color:#000;width:50em;border:.1em solid rgba(var(--primary-color-separator-line));gap:1em}.post-like-button{background:none;border:none;padding:0;cursor:pointer;transition:all .3s}.posts-user-content-data{display:flex;gap:.5em;font-size:1.4em}.post-user-content-data-username{font-weight:600}.post-user-content-data-username a{padding-right:.5em;text-decoration:none;color:#fff}.post-user-content-data-username span{font-weight:400}.post-date{font-size:1.4em}.posts-like-data{display:flex;align-items:center;gap:1em;font-size:1.4em}.post-image{height:40em;cursor:pointer;object-fit:cover}.posts-like-data button{font-size:1.4rem}input[type=file]{display:none}label.file-btn-post,.save-post-form-button{display:inline-block;background-color:#5b6bf8;color:#fff;font-size:1.3em;font-weight:700;padding:.5em 1.5em;border-radius:1.5em;cursor:pointer;transition:.3s all;border:none;width:60%;text-align:center}.main-site-container-post{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.main-site-container-post-up{width:100vw;border-bottom:1px solid rgba(var(--primary-color-separator-line))}.main-site-container-post-up h1{padding:2em 3em;text-align:left;color:#fff;font-weight:400}.post-creation-form{display:flex;flex-direction:column;align-items:center;gap:1em;width:60%;padding-top:5em}.post-creation-form input{background-color:#272626;color:#d1d1d1;border-radius:1.5em;padding:1em 1.5em;outline:none;border:1px solid transparent;font-size:1.3em;transition:all .3s;width:60%}.save-post-form-button{background-color:#5b6bf8;color:#fff;font-size:1.3em;font-weight:700;padding:.5em 1.5em;border-radius:1.5em;cursor:pointer;transition:.3s all;border:none;width:60%}.main-site-right-side-block{display:flex;align-items:start;flex-direction:column;gap:2em;padding:2em;width:300px;height:500px;color:#fff;border:1px solid rgba(var(--primary-color-separator-line))}.main-site-right-side-block a h2{font-weight:400}.main-site-right-side-block a{display:flex;align-items:center;gap:1em;color:#fff;text-decoration:none}.main-site-right-side-block-img{width:50px;height:50px;border-radius:50%;background-color:#fff;border:none}.edit-profile{background:none;background-color:#4a5df9;border:none;color:#fff;padding:.5em 1em;border-radius:1em;cursor:pointer}.side-navbar-container{display:flex;flex-direction:column;justify-content:space-between;padding:.8em 1em 2em .5em;width:33.5em;background-color:var(--primary-bg-color);height:100vh;border-right:.1em solid rgba(var(--primary-color-separator-line))}.side-navbar-conainer-up-part{display:flex;flex-direction:column;padding-top:1em;padding-left:.5em}.side-navbar-container-bottom-part{padding-left:.5em;cursor:pointer}.side-navbar-options{display:flex;flex-direction:column;gap:.5em}.side-navbar-option{display:flex;align-items:center;gap:1em;padding:1.2rem;cursor:pointer;font-size:1.6em;color:#fff;transition:all .3s;text-decoration:none}.side-navbar-user-img{border-radius:50%;width:2.4rem;height:2.4rem;background-color:#fff}.active-navbar-option,.main-site-active-option{cursor:pointer}.side-navbar-option:hover{border-radius:.5em;background-color:#1a1a1a}.instagram-icon{padding:2.5em 1.2em 3em;color:#fff}.test{background-color:red}.icon-test{color:#fff}.instagram-small-logo{display:none}@media (max-width: 1200px){.instagram-small-big{display:none}.instagram-small-logo{display:block;transition:all .3s}.side-navbar-option{justify-content:center}.side-navbar-option p{display:none}.side-navbar-container{width:7.2em}.instagram-icon{padding:0;margin:0}.instagram-small-logo:hover{border-radius:.5em;background-color:#1a1a1a}.side-navbar-conainer-up-part{display:flex;justify-content:center;align-items:center;gap:3em;padding-top:3em}}@media (max-width: 1010px){.main-container-content{display:block}.main-site-right-side-block{display:none}}@media (max-width: 768px){.root-container{flex-direction:column-reverse}.side-navbar-container,.side-navbar-conainer-up-part,.side-navbar-options{flex-direction:row;align-items:center;justify-content:center;padding:0;width:100%}.MoreButton{display:none!important}.side-navbar-options{padding:0 5em;justify-content:space-between!important;width:100%}.side-navbar-option{padding:0}.side-navbar-container{width:100vw;height:5em;border-top:.1rem solid rgba(var(--primary-color-separator-line));border-right:none}.instagram-icon{display:none}}@media (max-width: 530px){.main-site-posts-block{width:90%}.post-image{width:100%;max-width:100%;min-height:30%}.side-navbar-options{padding:0 1em}}.backGround{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#0000004b;width:100vw;height:100vh;left:0;top:0;overflow:hidden}.coment-box-container{position:absolute;width:60em;height:40em;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.comments-header{display:flex;justify-content:space-between;gap:1em;width:100%}.comments-header h2{font-weight:400}.comments-header button{background:none;border:none;cursor:pointer}.comment{display:flex;gap:1em;flex:1;width:100%;height:20px;border:1px solid gray;color:#000;border-radius:5px;padding:10px;overflow-y:auto}.comment .commenter-name,.comment .comment-text{font-size:1.4em}.dropdown-wrapper{position:relative}.dropdown-menu-posts{position:absolute;top:30px;right:0;background:#262626;border:1px solid #333;border-radius:6px;padding:8px 0;min-width:150px;z-index:100}.dropdown-menu-posts ul{list-style:none;margin:0;padding:0;width:100%}.dropdown-menu-posts a{text-decoration:none}.dropdown-menu-posts li{color:#fff;text-decoration:none;padding:8px 12px;cursor:pointer}.dropdown-menu-posts li:hover{background:#333}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;bottom:100%;margin-bottom:1em;left:0;background:#000;border:1px solid rgba(var(--primary-color-separator-line));border-radius:6px;padding:.5rem 0;width:15em;z-index:10;transform:translateY(-10px);opacity:0;animation:fadeSlideDown .2s forwards}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{padding:.5rem 1rem;cursor:pointer;color:#fff;transition:.3s all}.dropdown-menu li:hover{background-color:#1a1a1a}.dropdown-menu a{text-decoration:none}@keyframes fadeSlideDown{to{transform:translateY(0);opacity:1}}.MoreButton{display:flex;align-items:center;gap:1em;width:100%;height:100%;justify-content:center;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer}.MoreButton p{font-weight:400}.Menu-settings-ul{color:#000}