@font-face {
  font-family: 'Bluu_Nexttitling';
  src: url('/font/BluuNext-Titling.ttf') format('truetype'),
    url('/font/bluunext-titling.woff2') format('woff2'),
    url('/font/bluunext-titling.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: Termina;
  src: url(/font/Termina-Regular.otf);
}
@font-face {
  font-family: TerminaBold;
  src: url(/font/Termina-Bold.otf);
}


body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
  background-color: #1A1A1A;
  overflow-x: hidden;
  font-family: Termina;
}

img {
  display: block
}

p {
  margin: 0px;
}

/* ----------------- */
/* ----------------- */
/* -------Txt------- */
/* ----------------- */
/* ----------------- */

.proj{
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
  top: 20vw;

  padding-bottom: 5vw;
  padding-top: calc(100vh + 5vw);
}

.txt {
  font-family: Termina;
  mix-blend-mode: difference;
  color: white;

  font-size: 1.2em;
  left: 33vw;
  top: 5vh;
}


/* ----------------- */
/* ----------------- */
/* --Imagecontent--- */
/* ----------------- */
/* ----------------- */

.topcover {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  float: right;
}

#firstimg {
  height: 100vh;
}

.basicimg {
  width: 100vw;
}

.basicimg img {
  width: 100%;
  margin: 0px;
  /* margin-top: -8px; */
}


/* ----------------- */
/* ----------------- */
/* ------Links------ */
/* ----------------- */
/* ----------------- */

/* a{
  color: white;
} */


@media (min-width: 1200px) {
  /*display for desktop*/

  .proj{

    padding-bottom: unset;
    padding-top: unset;

    padding-right: unset;
  
    margin-left:unset;
    width: unset;
    margin-right:unset;
  
    top: 20vw;

    left: 70vw;
    top: 17vh;
    padding-right: 30px;
    font-size: 1.2em;
    position: absolute;
    z-index: 1;
  }

  /* ----------------- */
  /* ----------------- */
  /* --Imagecontent--- */
  /* ----------------- */
  /* ----------------- */

  .topcover {
    width: unset;
  }

  .topcoverpad {
    width: 65vw;
    text-align: end;
  }

}