@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
  font-family: portland;
  src: url(./fonts/PortlandLdo.ttf);
}

@font-face {
  font-family: portland;
  src: url(./fonts/PortlandLdo-Italic.ttf);
  font-style: italic;
}

@font-face {
  font-family: portland;
  src: url(./fonts/PortlandLdo-Bold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: portland;
  src: url(./fonts/PortlandLdo-Bold-Italic.ttf);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: sign;
  src: url(./fonts/Signature-Collection.ttf);
}

@font-face {
  font-family: gid;
  src: url(./fonts/GlacialIndifference-Regular.otf);
}

@font-face {
  font-family: gid;
  src: url(./fonts/GlacialIndifference-Italic.otf);
  font-style: italic;
}

@font-face {
  font-family: gid;
  src: url(./fonts/GlacialIndifference-Bold.otf);
  font-weight: 600;
}

@font-face {
  font-family: copperplate;
  src: url(./fonts/copperplate/OPTICopperplate.otf);
}

@font-face {
  font-family: copperplate;
  src: url(./fonts/copperplate/OPTICopperplate-Light.otf);
  font-weight: 300;
}

@font-face {
  font-family: copperplate;
  src: url(./fonts/copperplate/CopperplateCC-Heavy.ttf), url(./fonts/copperplate/OPTICopperplate-Heavy.otf);
  font-weight: 900;
}

@font-face {
  font-family: copperplate;
  src: url(./fonts/copperplate/CopperplateCC-Bold.ttf);
  font-weight: 600;
}

* {
  outline: 0;
}

body {
  font-family: "Inter", sans-serif;
  overflow-x: hidden !important;
}

.hide {
  opacity: 0;
  pointer-events: none;
}

.font-portland {
  font-family: portland;
}

.font-dancing {
  font-family: 'Dancing Script', cursive;
}

.font-sign {
  font-family: sign;
}

.font-gid {
  font-family: gid;
}

.font-copperplate {
  font-family: copperplate;
}

.c-container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}


/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d2d2d2;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #afafaf;
}

.transition-transform2 {
  transition: transform 200ms, left 200ms, right 200ms;
}

@media (max-width: 1400px) {
  .c-container {
    max-width: 90vw;
  }
}