@font-face {
  font-family: 'Garamond Pro';
  src: url('/fonts/AGaramondPro-Italic.eot');
  src: url('/fonts/AGaramondPro-Italic.eot?#iefix') format('embedded-opentype'), url('/fonts/AGaramondPro-Italic.woff2') format('woff2'), url('/fonts/AGaramondPro-Italic.woff') format('woff'), url('/fonts/AGaramondPro-Italic.ttf') format('truetype'), url('/fonts/AGaramondPro-Italic.svg#AGaramondPro-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Garamond Pro';
  src: url('/fonts/AGaramondPro-Bold.eot');
  src: url('/fonts/AGaramondPro-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/AGaramondPro-Bold.woff2') format('woff2'), url('/fonts/AGaramondPro-Bold.woff') format('woff'), url('/fonts/AGaramondPro-Bold.ttf') format('truetype'), url('/fonts/AGaramondPro-Bold.svg#AGaramondPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Garamond Pro';
  src: url('/fonts/AGaramondPro-BoldItalic.eot');
  src: url('/fonts/AGaramondPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/fonts/AGaramondPro-BoldItalic.woff2') format('woff2'), url('/fonts/AGaramondPro-BoldItalic.woff') format('woff'), url('/fonts/AGaramondPro-BoldItalic.ttf') format('truetype'), url('/fonts/AGaramondPro-BoldItalic.svg#AGaramondPro-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Garamond Pro';
  src: url('/fonts/AGaramondPro-Regular.eot');
  src: url('/fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/AGaramondPro-Regular.woff2') format('woff2'), url('/fonts/AGaramondPro-Regular.woff') format('woff'), url('/fonts/AGaramondPro-Regular.ttf') format('truetype'), url('/fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SultanNahiaW20';
  src: url('/fonts/SultanNahiaW20.eot');
  src: url('/fonts/SultanNahiaW20.eot?#iefix') format('embedded-opentype'), url('/fonts/SultanNahiaW20.woff2') format('woff2'), url('/fonts/SultanNahiaW20.woff') format('woff'), url('/fonts/SultanNahiaW20.ttf') format('truetype'), url('/fonts/SultanNahiaW20.svg#SultanNahiaW20') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SultanNahiaW20';
  src: url('/fonts/SultanNahiaW20.eot');
  src: url('/fonts/SultanNahiaW20.eot?#iefix') format('embedded-opentype'), url('/fonts/SultanNahiaW20.woff2') format('woff2'), url('/fonts/SultanNahiaW20.woff') format('woff'), url('/fonts/SultanNahiaW20.ttf') format('truetype'), url('/fonts/SultanNahiaW20.svg#SultanNahiaW20') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  font-weight: 100;
}

body {
  background: #000;
  color: #fff;
  font-family: 'Garamond Pro', sans-serif;
  text-align: center;
  text-shadow: 0 0 5px #000;
}

::selection {
  color: #fff;
  background: #fff;
}

::-moz-selection {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

a,
a:hover {
  color: #fff;
}

h1 a {
  text-decoration: none;
}

#background-bac {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/background.jpg') no-repeat #000;
  background-position: 50% 50%;
  background-size: cover;
}

#background-for {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url('/images/background.jpg') no-repeat #000;
  background-position: 50% 50%;
  background-size: cover;
}

#star-field {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow-y: auto;
  z-index: 9999;
  transition: opacity 0.5s linear;
}

.loaded #content {
  opacity: 1;
}

#header {
  margin-top: 100px;
  font-size: 4.5em;
  font-weight: 100;
  letter-spacing: 45px;
  margin-left: 60px;
  text-transform: uppercase;
}

#promo-video {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -360px;
  box-shadow: 0 0 30px #000;
}

#temp {
  margin-top: 400px;
  font-size: 2em;
  font-weight: 100;
  letter-spacing: 15px;
  text-transform: lowercase;
}

#contact {
  position: fixed;
  bottom: 120px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

#social {
  position: fixed;
  bottom: 40px;
  left: 50%;
  padding: 0;
  margin-left: -123px;
}

#social ul:hover li a {
  color: #555;
  transition: all 150ms;
}

#social li {
  display: inline-block;
  margin: 0 10px;
  font-size: 1.5em;
}

#social ul li:hover a {
  color: #fff;
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 25%;
  background: #000;
  font-size: 2em;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 2s linear;
  /* z-index: 9999; */
}

#loading p {
  opacity: 0;
  transition: opacity, letter-spacing 4s linear;
}

.loading #loading p {
  opacity: 1;
  letter-spacing: 30px;
}

.loaded #loading {
  opacity: 0;
  transition: opacity 3s linear;
}

.redirect #loading {
  opacity: 1;
  transition: opacity 2s ease-in;
}

.loaded #loading p {
  display: none;
}

.loaded.redirect #loading {
  background: #fff;
  z-index: 9999;
}

#spotify.bottom-left {
  position: fixed;
  left: 10px;
  bottom: 10px;
  height: 80px;
  opacity: 0.5;
}

@media screen and (max-width: 777px) {
  #spotify.bottom-left {
    position: static;
    left: 0;
    bottom: 0;
    height: 380px;
    opacity: 1;
    margin-top: 96px;
  }
}

.center.spotify {
  margin-top: 96px;
}

.blur {
  background: rgb(0 0 0 / 60%);
  backdrop-filter: blur(100px);
  transition: background-color 0.15s ease-in-out;
  border-radius: 0.4rem;
  overflow: hidden;
}

.blur:hover {
  box-shadow: 0 12px 24px rgb(0 0 0 / 50%);
}

.links-list a {
  font-size: 1.7rem;
  font-family: 'SultanNahiaW20', Arial, Helvetica, sans-serif;
  text-decoration: none;
  transition: margin 0.15s ease-in-out;
}

.links-list a:hover {
  /* margin-top: 1rem !important;
  margin-bottom: 2rem !important; */
  color: #fff;
}

.links-list a:hover .blur {
  background: rgb(255 255 255 / 10%);
}

.links-list a img {
  max-width: 100%;
  height: 64px;
}

@media (min-width: 1400px) {
  .container-lg {
    max-width: 720px;
  }
}

@media (max-width: 991px) {
  .links-list a {
    font-size: 3rem;
  }

  .links-list a img {
    height: 128px;
  }
}

#header.mt-5 {
  padding-top: 12px;
  margin-left: 0;
}

#header.mt-5 img {
  width: 100%;
  max-width: 720px;
}

.container-fluid.container-lg.my-5.pb-5 {
  margin-top: 36px !important;
  padding-bottom: 0 !important;
  margin-bottom: 182px !important;
}

#contact {
  font-family: 'SultanNahiaW20', Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
  color: #fff !important;
}

#header.mt-5 {
  padding-top: 0;
  margin-top: 47px !important;
  /* 39 */
  margin-bottom: 37px;
  /* 29 */
}

#social {
  bottom: 100px;
  margin-left: -23px;
}