body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('/old/asia/skorea/img/pattern.jpg');
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.2;
  z-index: -9999;
  pointer-events: none;
}

:root {
    --background-light: white;
    --background-dark: white;
    --text-color: black;
    --text-light: black;
    --box-background: linear-gradient(to bottom right, #edf4ff, white);
    --border-color: #ccc;
    
    --header-background: #5a8a72;
    --header-text: black;
    
    --navbar-background: #4a6b5a;
    --navbar-text: black;
    --navbar-hover: #e6ebf2;
    
    --sidebar-background: #ffffff;
    --sidebar-text: black;
    --sidebar-link: ;
    --sidebar-hover: #f2f2f2;
    
    --main-background: ;
    
    --footer-background: #5a8a72;
    --footer-text: #e8f5e9;
    
    --header-background-start: white;
    --header-background-middle: #e6ebf2;
    --header-background-end: white;

    --navbar-background-start: white;
    --navbar-background-end: #e6ebf2;
}

.site-header {
  border-radius: 50px 50px 0 0;
}

.navbar {
  border-radius: 0 0 50px 50px;
}

.wrapper, .sidebar {
  border-radius:50px;
}

.text-banner {
  position: relative;
  text-align: center;
  margin-left: 230px;
  margin-right: 230px;
}

.text-banner::before,
.text-banner::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 50px;
  height: 68px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.text-banner::before {
  left: 0px;
  background-image: url('/old/asia/skorea/img/coat.jpg');
}

.text-banner::after {
  right: 0px;
  background-image: url('/old/asia/skorea/img/coat.jpg');
}

::selection {
  color:#0b489e;
  background-color:#d12d39;
}
.sidebar a:not(.toc-link) {
    display: block;
    padding: 8px;
    background: white;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    color: var(--sidebar-text);
    text-align: center;
}

@media (max-width: 768px) {
  .text-banner::before,
  .text-banner::after {
    display: none !important;
  }
  
    .text-banner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}