{
  box-sizing: border-box;
    }
    
    body {
    margin: 0;
    background: #c2a28d url(https://64.media.tumblr.com/64be68178d016f85ffd44203df3cc441/tumblr_inline_n25a4qrTgs1qhwjx8.png) fixed;
    color: #d1ada1;
    font-family: "Crimson Text", tahoma, serif;
    font-size: 13px;
    line-height: 1.55;
    letter-spacing: 1px;
    text-align:justify;
    padding:20px;
    cursor: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/66c9ef7e-753f-4932-a28e-5f8306749e72/d8gcz1s-307839ab-0896-41c8-b35a-2334460924bf.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi82NmM5ZWY3ZS03NTNmLTQ5MzItYTI4ZS01ZjgzMDY3NDllNzIvZDhnY3oxcy0zMDc4MzlhYi0wODk2LTQxYzgtYjM1YS0yMzM0NDYwOTI0YmYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ZK_TwXzEiiKDAOfyl8YYZFNLpb26ZKuoa6ySm8nxCjk"), auto;
    }
    
    b {
      color: #955B6B;
      }
    
    i {
      color: #5e759c;
      font-style:normal;
      font-weight:bold;
      }
      
    .center {
      text-align:center;
      }
        
    a {
      color: #5e759c;
      text-decoration: none;
      font-weight: 500;
      transition: color 0.3s, transform 0.3s, text-shadow 0.3s;
      cursor: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7ffc70c5-bcd4-4d39-8f5e-c47fa9b87479/d6sewl9-7029d6af-6fd0-4b7d-a5c5-626e54be9b34.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi83ZmZjNzBjNS1iY2Q0LTRkMzktOGY1ZS1jNDdmYTliODc0NzkvZDZzZXdsOS03MDI5ZDZhZi02ZmQwLTRiN2QtYTVjNS02MjZlNTRiZTliMzQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.4FmNn3u_XHZ5GXiM6e0xpBhz-gXdk6bhtPhdC59sWX4"), auto;
      }
      
    p {
      text-indent: 30px;
     }
    
    span {
      margin-left: -150px;
      position: relative;
      top: -35px;
      }
      
    a:not(nav a):hover {
      color: #955B6B;
      transform: scale(1.05);
      text-shadow: 0 0 4px #338182;
      }
      
    ::-webkit-scrollbar {
      width: 5px;
      }
      
    ::-webkit-scrollbar-track {
      background: #372a39;
      border-left: 1px solid #311E23;
      
      
      }::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg,#955B6B,#4e6b5c);
        border: 1px solid #311E23;
        }
      
      .container {
        max-width: 800px;
        margin: 19px auto;
        background: #3A2E39;
        border: 1px solid #311E23;
        border-radius: 1%;
        overflow: hidden;
        }
        
      header.topbar {
        background: #3A2E39;
        border-bottom: 1px solid #3b252e;
        padding: 14px 19px;
        }
        
      .topbar-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        }
        
      .topbar img {
        margin-right:5px;
        }
        
      .topbar-content h1 {
        font-family: "UnifrakturCook", georgia, arial, serif;
        font-size: 34px;
        color: #955B6B;
        letter-spacing: 1px;
        margin: 0;
        }
        
      .social-links {
        display: flex;
        gap: 10px;
        }
        
      .social-links a {
          text-decoration:underline;
          padding: 2px 4px;
          display: inline-flex;
          }
          
        nav {
          background: #2E2226;
          border-bottom: 1px solid #311E23;
          padding: 6px 16px;
          }
          
        nav ul {
          display: flex;
          list-style: none;
          margin: 0;padding: 0;
          }
          
        nav li {
          display: flex;
          align-items: center;
          padding: 0 9px;
          }
          
        nav a img {
          margin-right: 5px;
          vertical-align: middle;
          }
          
        nav li + li {
          border-left: 1px solid #311E23;
          }
          
        nav a {
          color: #FFEEDB;
          font-size: 13px;
          font-family: "Crimson Text", calibri, tahoma, serif;
          letter-spacing: 1px;
          }
          
        nav a:hover {
          color: #955B6B;
          }
          
        .has-dropdown {
          position: relative;
          }
          
        .dropdown {
          position: absolute;
          top: calc(100% + 1px);
          left: -9px;
          min-width: 150px;
          max-width: 260px;
          width: max-content;
          background: #2E2226;
          border-left: 1px solid #311E23;
          border-right: 1px solid #311E23;
          border-bottom: 1px solid #311E23;
          list-style: none;
          padding: 0;
          margin: 0;
          display: none;
          z-index: 999;
          white-space: nowrap;
          }
          
        .has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown {
          display: block;
          }
          
        .dropdown li {
          border-top: 1px solid #311E23;
          }
          
        .dropdown a {
          display: block;
          width: 100%;
          padding: 6px 12px;
          font-size: 12px;
          color: #FFEEDB;
          letter-spacing: 1px;
          background: #2E2226;
          box-sizing: border-box;
          }
          
        .dropdown a:hover {
          color: #955B6B;
          }
          
        .layout {
          display: grid;
          grid-template-columns: 2.3fr 1fr;
          gap: 13px;
          padding: 13px;
          }
          
        .post {
          background: #2E2226;
          border: 1px solid #311E23;
          border-radius: 1%;
          padding: 12px 14px;
          margin-bottom: 13px;
          }
          
        .post h2 {
          font-family: "UnifrakturCook", serif;
          font-size: 17px;
          font-weight: 600;
          color: #d1ada1;
          margin: 0 0 15px;
          padding: 8px 0px;
          border-top: 1px solid #311E23;
          border-bottom: 1px solid #311E23;
          background-image: url(ribs.png);
          background-image: stretch;
          margin-left: -14px;
          margin-right: -14px;
          display: flex;
          align-items: center;
          height: 36px;
          }
          
        .post h2 img {
          margin: 0 10px 0 10px;
          }
          
        .time {
          color: #338182;
          }
          
        .post a:hover {
          color: #c0d6b7;
          text-shadow: 0 0 4px #338182;
          transform: scale(1.05);
          }
          
        aside {
          background: #2E2226;
          border: 1px solid #311E23;
          border-radius: 1%;
          padding: 10px;
          }
          
        aside h3 {
          font-family: "UnifrakturCook", serif;
          font-size: 17px;
          color: #d1ada1;
          border-top: 1px solid #311E23;
          border-bottom: 1px solid #311E23;
          background-image: url(centi.png);
          display: flex;
          align-items: center;
          height: 36px;
          margin: 2px -10px 5px;padding: 0;
          }
          
        aside h3 img {
          margin: 0 10px 0 10px;
          }
          
        aside ul {
          list-style: none;
          margin: 0;
          padding: 0;
          }
          
        aside li {
          margin: 0px 0;
          }
          
        aside a:hover {
          color: #c0d6b7;
          text-shadow: 0 0 4px #338182;
          transform: scale(1.05);
          }
          
        footer {
          border-top: 1px solid #311E23;
          padding: 10px;
          text-align: center;
          }
          
        @media (max-width: 700px) {
          .layout {
            grid-template-columns: 1fr;
            }
            
          .topbar-content {
            flex-direction: column;
            align-items: flex-start;
            }}
            
          @media (max-width: 720px) {
            nav ul {
              flex-direction: column;
              align-items: stretch;
              }
              
            nav li {
              padding: 6px 0;
              justify-content: flex-start;
              }
              
            nav li + li {
              border-left: none;
              border-top: 1px solid #311E23;
              }
              
            nav a {
              display: block;
              padding: 6px 12px;
              }
              
            .has-dropdown {
              flex-direction: column
              ;align-items: stretch;
              }
              
            .dropdown {
              position: static;
              display: none;
              width: 100%;
              max-width: none;
              min-width: 0;
              border-left: none;
              border-right: none;
              }
              
            .has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown {
              display: block;
              }
              
            .dropdown a {
              padding-left: 22px;
              }}