* { 
box-sizing:border-box;
white-space:normal;
padding:0;
margin:0;
}

body {
background-color:#F5F5F5;
color:#2c2c2c;
font-size:1em;
line-height:1.15em;
word-wrap: normal;
word-break: keep-all;
font-family: 'Poppins', 'Nanum Gothic', sans-serif;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #262626 rgba(0,0,0,0.3);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background:rgba(0,0,0,0.3);
  }

  *::-webkit-scrollbar-thumb {
    background-color: #262626;
    border-radius: 8px;
    border:none;
  }

.break p a {
color:turquoise;
}

.owl-carousel {
position:relative;
height:100%;
width:100%;
}

.owl-carousel div {
width:100vw;
}

.owl-carousel div img:not(.owl-dots) {
height:100vh;
object-fit:cover;
width:100%;
}

.owl-nav {
display:none;
}

.owl-dots {
z-index:999!important;
}

.owl-carousel section {
position:absolute;
color:white;
right:0;
padding:25px 30px;
width:50%;
height:100%;
background:rgba(0,0,0, 0.3);
text-align:right;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}

.break {
position:relative;
width:auto;
overflow-y:scroll;
padding:20px;
}

.owl-carousel section h1 {
font-size:3.5em; 
margin:0;
padding-bottom:15px;
font-family:'Playfair Display', serif;
line-height:0.95em;
}

.owl-carousel section h2 {
font-size:1.75em;
font-style:italic;
padding-bottom:10px;
line-height:0.9em;
text-shadow: 1px 1px 1px #000000;
}

.owl-carousel p {
text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

#overlay {
width:100%;
background:rgba(0,0,0,0.4);
}

#title {
text-align:center;
font-family:'Playfair Display', serif;
font-weight:900;
font-size:6em;
width:85%;
margin:0 auto;
line-height:1em;
text-shadow: 2px 2px 2px #000000;
font-style:italic;
}

.tooltip {
text-decoration:underline;
position:relative;
display:inline;
transition:all 0.25s linear;
}
 
 
.tooltip span { 
display:none;
border-radius:6px;
height:auto;
background:white; 
width:450px;
transition:all 0.25s linear;
}
 
 
.tooltip span img {
float: left;
width:100%;
height:auto;
margin:0 auto;
object-fit: contain;
transition:all 0.25s linear;
}
 
 
.tooltip:hover span {
display:block;
position:absolute;
z-index:1000;
max-width:450px;
height:auto;
top:-75px;
border:1px solid #aaaaaa;
overflow:hidden;
padding:8px;
transition:all 0.25s linear;
}

.tooltip:hover span img {
width:100%;
height:auto;
object-fit: contain;
}