body {
  background-color: #efefef;
}

#linkinbio {
  background-image: radial-gradient(circle, #232323, #1e1e1e, #1a1a1a, #151515, #101010);
}

.linkinbio {
  height: 500px;
  width: 500px;
  background-image: radial-gradient(circle, #f3f3f3, #ededed, #e7e7e7, #e2e2e2, #dcdcdc);
}

@media screen and (min-width: 960px) {
  .hover_up {
    transition: transform 0.2s;
  }
  .hover_up:hover {
    transform: translateY(-3px);
  }
  .link {
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    color: #241a3a;
  }
  .link:hover {
    color: #241a3a;
  }
  .link::before,
  .link::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right top, #eb2041, #f64f33, #fd7325, #fe9417, #fbb316);
    top: 85%;
    left: 0;
    pointer-events: none;
  }
  .link::before {
    content: "";
    /* show by default */
  }
  .link--metis::before {
    transform-origin: 100% 80%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
  }
  .link--metis:hover::before {
    transform-origin: 0% 80%;
    transform: scale3d(1, 1, 1);
  }
}
.button_gradient_bg_warm {
  background-image: linear-gradient(to right top, #eb2041, #f64f33, #fd7325, #fe9417, #fbb316);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  font-weight: bold;
}

.button-dark:hover .button_gradient_bg_warm {
  color: #eee;
}

.button-dark {
  border-style: none;
  background-color: #241a3a;
  transition: background-color 0.2s ease;
}

.button-dark:hover {
  border-style: none;
  background-color: #502E47;
}

.bi,
.bi-copy {
  color: #fefefe;
}

.nav-link:hover .bi {
  color: #fefefe;
}

.video_wide {
  position: fixed;
  min-height: 100%;
  min-width: 100%;
  right: 0;
  bottom: 0;
  transform: translateX(calc((100% - 100vw) / 2));
  z-index: -5;
}

.video_small {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 65px;
  bottom: 0;
  z-index: -5;
}

@media screen and (max-width: 992px) {
  .video_wide {
    display: none;
  }
}
@media screen and (min-width: 993px) {
  .video_small {
    display: none;
  }
  .video-contain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }
}
.translate-fix {
  transform: translateY(-2px);
}

.full-size {
  width: 100vw;
  width: calc(var(--vw, 1vw) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  margin: 0;
  padding: 0;
}

.navbar-toggler {
  width: 20px;
  height: 20px;
  position: relative;
  transition: 0.5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
  position: relative;
}

.navbar-toggler span {
  margin: 0;
  padding: 0;
}

.toggler-icon {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background-image: linear-gradient(to right top, #eb2041, #f64f33, #fd7325, #fe9417, #fbb316);
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.middle-bar {
  margin-top: 0px;
}

/* State when the navbar is collapsed */
.navbar-toggler.collapsed .top-bar {
  position: absolute;
  top: 0px;
  transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  position: absolute;
  top: 10px;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  position: absolute;
  top: 20px;
  transform: rotate(0deg);
}

/* when navigation is clicked */
.navbar-toggler .top-bar {
  top: inherit;
  transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
  opacity: 0;
  top: inherit;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  top: inherit;
  transform: rotate(-135deg);
}

/* Color of 3 lines */
.navbar-toggler.collapsed .toggler-icon {
  background-image: linear-gradient(to right top, #eb2041, #f64f33, #fd7325, #fe9417, #fbb316);
}

.header .social {
  bottom: 50px;
}

.mailto-link {
  position: relative;
  padding: 8px 0;
}

.mailto-message {
  top: 1px;
  left: 50%;
  margin-bottom: -5px;
  transform: translate(-50%, -100%);
  position: absolute;
  display: none;
  width: auto;
  white-space: nowrap;
  font-size: 12px;
  background-color: black;
  color: white;
  padding: 2px 6px;
  border-radius: 2px;
}
.mailto-message:after, .mailto-message:before {
  content: "";
}
.mailto-message:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 4px;
  margin-left: -4px;
}

.mailto-link:hover .mailto-message,
.mailto-link:focus .mailto-message,
.mailto-link:focus-within .mailto-message {
  display: block;
}

.container-fluid {
  max-width: 1920px;
}

.logo-width-custom {
  width: 100px;
}

.h-custom {
  height: 100vh;
  height: 100dvh;
  height: 100lvh;
  height: 100svh;
}

.bg-info {
  background-image: radial-gradient(circle, #502e47, #40273f, #302035, #22192b, #161120);
}

.false-border {
  position: relative;
  top: 0;
  width: 100%;
  height: 5px;
}

.bg-radius-light {
  background-image: radial-gradient(circle, #fefefe, #f7f7f7, #f0f0f0, #eaeaea, #e3e3e3);
}

.m3d-copyright {
  font-size: 12px;
  font-weight: lighter;
}

.logo_no_bg_footer {
  width: 300px;
}

.contact-footer {
  width: 220px;
}

.info-color-custom {
  color: #241a3a;
}

@media screen and (max-width: 992px) {
  .logo-width-custom {
    width: 70px;
  }
  .logo_no_bg_footer {
    width: 250px;
  }
  .contact-mobile {
    font-size: 15px;
  }
  .contact-mobile-h2 {
    font-size: 22px;
    margin-top: 30px;
  }
}