:root{
font-family: "Gulim", serif;
 font-size:1rem;
}

body {
  margin: 0;
  overflow-x: hidden;
  padding-bottom: 3rem;
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
}

.container div {
  margin: 10px;
  padding: 20px;
  box-sizing: border-box;
  min-height: 0;
}

.scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  width: 65%;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}

.scroll img {
max-width: 400px;
  height: auto;
}

.tabs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.tab {
  border: none;
  background: rgba(255, 255, 255, 0.9);
  color: rgb(70, 70, 70);
  font-size: 1.5rem;
  padding: 10px 16px;
  cursor: pointer;
  border-radius: 2px;
  transition: background 0.1s, color 01s;
}

.tab:hover {
  background: rgba(255, 255, 255, 1);
}

.tab.active {
  background: rgb(70,70,70);
  color: #fff;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.tab-panel p {
  line-height: 1.8;
  margin-top: 0;
}

.tab-panel ul {
  margin: 16px 0 0;
  padding-left: 20px;
}

.tab-panel li {
  margin-bottom: 0.75rem;
}

.contact {
  width: 35%;
  position: sticky;
  top: 20px;
  align-self: flex-start;
}

@media (max-width: 760px) {
  .container {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .scroll,
  .contact {
    width: 100%;
  }

  .contact {
    order: -1;
    position: static;
    top: auto;
  }

  .container div {
    padding: 16px;
  }

  .scroll {
    max-height: none;
    overflow-y: visible;
  }

  .scroll img {
    max-width: 100%;
  }

  .h1,h1 {
    font-size: 3rem;
  }

  p, td, ul {
    font-size: 1.25rem;
    line-height: 1.6;
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

  td {
    display: block;
    width: 100%;
    padding: 8px 0;
    word-break: break-word;
  }
}


p,td{
font-size: 1.5rem;
  color:rgb(70, 70, 70);
}

.h1,h1{
    font-size: 5rem;
    margin:0px;
    padding:0px;
    background-color: transparent;
    color:rgb(155, 45, 80);
    /*text-shadow: 0 0 2px rgb(155, 45, 80);*/
}
h2{
  font-size: 2rem;
  color:rgb(70, 70, 70);
}
a {
  color: rgb(155, 45, 80);
}

ul {
  list-style-type: none;
   margin:0;
   padding:0;
}

li#email {
  list-style-image: url('photos/Chat-Email--Streamline-Pixel.svg');
  list-style-position: inside;
     margin:0;
     padding:0;
}

li#instagram {
  list-style-image: url('photos/Logo-Social-Media-Instagram--Streamline-Pixel.svg');
  list-style-position: inside;
      margin:0;
      padding:0;
  
}
model-viewer{
  opacity:30%;
}

.page-footer {
  font-size: 1rem;
  color: rgb(70, 70, 70);
  text-align: center;
  padding: 12px 16px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: min(95%, 840px);
  max-width: 840px;
  background: rgba(255, 255, 255, 0.85);
  z-index: 2;
}

@media (max-width: 600px) {
  .page-footer {
    width: 100%;
    left: 0;
    transform: none;
    padding: 14px 10px;
  }
}
@font-face {
  font-family: Gulim;
  src: url("fonts/Gulim.ttf");
}