.moveablesidebar {
        position: sticky;
    top: 0px;
    max-height: calc(100vh - 5px);
    overflow-y: auto;
  }
  .tweet {
    padding: 10px 10px;
    display:flex;
    gap:10px;
    color:lightyellow;
  }
  .tweet .open {
    background:var(--mainborder);
    color:lightblue;
    padding:10px;
    font-weight:bold;
    height:fit-content;
  }
  .tweet:not(:first-child) {
    border-top:2px solid var(--mainborder);
  }
  .imgholder p {
    opacity:0.5;
    margin:0;
    font-size: 0.8em;
    font-variant: all-small-caps;
    text-align: center;
  }
  .imgholder img {
    outline:2px solid #707a9e;
    width:100%;
    background:#050f21;
  }
  .imgholder {
    width:100px;
    justify-self:center;
  }
  .message {
    background:var(--messagebg);
    padding:10px;
    margin:10px 0;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    width:fit-content;
    min-width:260px;
  }
  .message.dark {
    background:var(--messagebg2);
    width:fit-content;
    flex: 1;
    min-width:260px;
  }
  .message .text {
  max-width: 280px;
  width:100%;
  }
  .text.full {
    max-width: 100%;
  }
  .mission {
    margin-left: 10px;
    padding:10px;
    font-size:1.7em;
    background:var(--barbg);
    color:white;
    font-style: italic;
  }
  .simpleflex {
    display:flex;
    gap:10px;
    align-items:center;
  }
  .simpleflex.wrap {
    flex-wrap:wrap;
  }
  main .maincontent {
    padding:10px;
  }
  main h1.first {
    background:var(--mainborder);
    padding:21.44px 10px;
    margin:0;
  }
  .miniprofile {
    display:flex;
    gap:5px;
    color:inherit;
    text-decoration:none;
  }
  hr {
    border:2px solid var(--hr);
  }
  .miniprofile img {
    object-fit: contain;
    width:40px;
    padding:5px;
    background:#050f21;
  }
  .miniprofile:not(:first-child) {
    margin-top:5px;
  }
  .speciallink {
    padding:5px;
    background:var(--mainborder);
    color:var(--main);
    text-decoration:none;
    display:block;
    max-width:fit-content;
    margin-top:2px;
  }
  weak {
    opacity:0.5;
    font-size:0.8em;
    vertical-align: top;
  }
  .speciallink:hover {
    text-decoration:underline;
  }
  .paodtext {
        -webkit-text-stroke-color: #14367c;
    -webkit-text-stroke-width: 5px;
    paint-order: stroke fill;
  }
  .flexx .sidebar {
    background:none;
    border:none;
    color:white;
  }
  .sidebar .colorme {
    box-shadow: inset 0px 0px 20px 20px var(--invissidebarbg);
    background:var(--invissidebarbg2);
    padding:10px;
    border-radius:10px;
  }
  .sidebar .colorme.black {
    box-shadow: inset 0px 0px 20px 20px black;
    background:rgba(0, 0, 0, 0.5);
    padding:10px;
    border-radius:10px;
  }
  .sidebar h1, h2, h3, h4 {
    color:white;
  }
  .sidebarcolored h1, h2, h3, h4 {
    color:white;
  }
  main, .flexx .sidebarcolored, .tweets {
    background:var(--mainbg);
    color:var(--main);
    border:3px solid var(--mainborder);
    border-radius:10px;
    flex:1;
    padding:10px;
    box-sizing: border-box;
    max-height: fit-content;
  }
  main /*when tweets is present*/ {
    border-radius:10px 10px 0 0;
  }
  .tweets {
    border-radius:0 0 10px 10px;
    background:var(--tweetbg);
  }
  main, .tweets {
    padding:0;
  }
  .flexx .sidebarcolored, .flexx .sidebar {
    flex: 0 1 300px;
    padding:10px;
    box-sizing: border-box;
    color:var(--sidebar);
  }
  .flexx {
    display:flex;
    justify-self:center;
    max-width:1600px;
    gap:10px;
    width:100%;
    margin-top:10px;
            padding: 10px;
        box-sizing: border-box;
  }
  .flexx:not(:first-child) {
    padding-top:0;
  }
  .flexx.second {
    flex-wrap:wrap;
    padding-left: 0;
  }
  .actualbar .content {
    display:flex;
    gap:10px;
  }
  .actualbar a {
    color:var(--actualbar);
    text-decoration:none;
  }
  .actualbar a:hover {
    text-decoration:underline;
  }
  .actualbar .content .wrappa {
    overflow-x: auto;
    place-self: baseline;
    width: 100%;
  }
  .wrappa n {
    margin:0 5px;
    color:var(--actualbar);
    user-select: none;
  }
  .actualbar .content p {
    display: flex;
    gap: 10px;
    width: max-content;
  margin: 0;
  }
  .actualbar {
    background:var(--actualbarbg);
  }
  .actualbar .content .blocker {
    flex: 0 0 220px;
  }
  .imgwrapper {
    color:white;
        -webkit-text-stroke-color: var(--barbg);
    -webkit-text-stroke-width: 5px;
    paint-order: stroke fill;
  }
  .topbar {
    width:100%;
    background:var(--topbarbg);
  }
  .topbar .content {
    display:flex;
    gap:10px;
    justify-content: space-between;
    align-items: center;
  }
  .topbar a {
    color:var(--topbar);
    text-decoration:none;
  }
  body {
    margin:0;
    background:black;
    --mainbg:#1e3140;
    --main:aliceblue;
    --mainborder:#10171f;
    --sidebar:#d9e5ff;
    --invissidebarbg:#050f21; /*inset*/
    --invissidebarbg2:rgba(5, 15, 33, 0.5);
    --barbg:#0a1b3d;
    --bar:white;
    --actualbarbg:#050f21; /*second bar*/
    --actualbar:lightblue;
    --topbarbg:darkblue;
    --topbar:white;
    --hr:#050f21;
    
    --messagebg:linear-gradient(to bottom right, darkblue, #0a1b3d);
    --messagebg2:#0a1b3d;
    
    --tweetbg:linear-gradient(to right, #2f485c, #1e3140);
    
    --primary: #ab162d; /*main color*/
    
    --scrollbartrack:#1c3b6d;
    --scrollbarthumb:#57638b;
    --scrollbarhover:#3d4663;
    font-family:'verdana';
  }
  .topbar .links {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    transition:0.2s;
  }
  .topbar .links a {
    padding:5px;
    transition:0.2s;
  }
  .topbar .links a:hover {
    transition:0.2s;
    background:white;
    color:var(--topbarbg);
    border-radius:5px;
  }
  .topbar .flag {
    flex: 0 0 50px;
    height:25px;
    border:1px solid black;
    background:linear-gradient(135deg, var(--primary)33%, white 33% 66%, var(--primary) 66% 100%);
    transition:0.1s;
    transition: transform .3s ease-in-out;
  }
.topbar .flag:hover {
  transform: rotate(360deg) scale(1.5);
}
  .topbar .icons {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    place-content: center;
}
.topbar .icons a {
    background: var(--topbar);
    color: var(--topbarbg);
    border-radius: 300px;
    font-weight: bold;
    width: 25px;
    height: 25px;
    text-align: center;
    align-content: center;
    transition:0.2s;
    border:2px solid var(--topbar);
}
.topbar .icons a:hover {
  transition:0.2s;
  transform: scale(1.2);
  box-shadow:0 0 10px 1px black;
}
.topbar .icons img {
  filter: invert(16%) sepia(33%) saturate(5921%) hue-rotate(233deg) brightness(82%) contrast(148%);
  width:-webkit-fill-available;
  border-radius: 12px;
}
.banner {
    background: repeating-linear-gradient(120deg, #dcebff59, #dcebff59 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, #dcebff59, #dcebff59 1px, transparent 1px, transparent 60px), linear-gradient(60deg, #0a193773 25%, transparent 25%, transparent 75%, #0a193773 75%, #060d1c73), linear-gradient(120deg, #050f2873 25%, transparent 25%, transparent 75%, #050f2873 75%, #050f2873);
    background-size: contain;
    background-size: 140px 240px;
    background-color: #0f1a4d;
    min-height: 10vh;
    display: FLEX;
}
.bar {
  background: var(--barbg);
}
.bar .content {
  display: flex;
  align-items: center;
  max-height: 30px;
  height: 100%;
  gap:20px;
  font-style: italic;
  font-size:1.2em;
  color:var(--bar);
  padding:20px;
  font-family: system-ui;
}
.bar .content p {
    border-radius: 7px;
    padding: 10px;
}
.bar .content p::before {
      content: '‘‘';
    font-size: x-large;
    color: inherit;
}
.bar .content p::after {
      content: '’’';
    font-size: x-large;
    color: inherit;
}
.bar img {
  max-width:200px;
  width:100%;
  max-height:200px;
  height:100%;
  z-index:100;
}
.content {
  max-width:1600px;
    padding:10px;
    margin:auto;
}
::selection {
  color:cyan;
  background:black;
}
@media (max-width: 1072px) {
  .sidebarcolored {
    flex: 1 1 800px !important;
  }
  #messages {
    flex-wrap:wrap;
  }
  .text {
    max-width: 400px !important;
  }
  .message.malina {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 680px) {
  .flexx {
    flex-wrap:wrap;
  }
  .flexx .sidebar, .flexx .sidebarcolored {
    flex: initial;
    width:100%;
  }
  .flexx.second {
    padding-left:10px;
  }
  .moveablesidebar {
    position:initial;
  }
}

@media (max-width: 500px) {
  .message {
      justify-content: center;
  }
  .banner {
    display:none;
  }
  .bar {
    background: repeating-linear-gradient(120deg, #dcebff59, #dcebff59 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, #dcebff59, #dcebff59 1px, transparent 1px, transparent 60px), linear-gradient(60deg, #0a193773 25%, transparent 25%, transparent 75%, #0a193773 75%, #060d1c73), linear-gradient(120deg, #050f2873 25%, transparent 25%, transparent 75%, #050f2873 75%, #050f2873);
    background-size: contain;
    background-size: 140px 240px;
    background-color: #0f1a4d;
    min-height: 10vh;
    display: FLEX;
  }
  .bar .content {
    flex-wrap: wrap;
        max-height: none;
        padding: 10px;
        justify-content:center;
  }
  .bar .content p {
    margin: auto;
    padding:0px;
  }
  .actualbar .blocker {
    display:none;
  }
  .actualbar .content .wrappa {
    padding-bottom:10px;
  }
}

  ::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--scrollbartrack); 
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbarthumb); 
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbarhover); 
}
body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(/old/ideology/liberalism/img/design/pattern.jpg);
    filter:brightness(0.2);
    z-index: -999;
}