@font-face {
  font-family: renogare;
  src: url(Renogare-Regular.otf);
}
body {
  background-color: #000000;
}
.tryangle {
  position: absolute;
  max-width: fit-content;
  min-width: none;
}
.start-logo {
  position: relative;
  width: 50%;
  height: 50%;
}

.start-button {
  position: absolute;
  width: 50%;
  height: 50%;
}

.social-links {
  position: absolute;
  width: 15%;
  height: 15%;
}
  
  .exclude {
    position: absolute;
    width: 390px;
    height: 67px;
    top: -1px;
    left: 0;
  }
  
  .group {
    height: 331px;
    top: 169px;
    position: absolute;
    width: 316px;
    left: 38px;
  }
  
  .overlap-group {
    height: 331px;
    position: relative;
    width: 314px;
  }
  
  .rectangle {
    position: absolute;
    width: 314px;
    height: 314px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .text-wrapper {
    position: absolute;
    width: 212px;
    top: 300px;
    left: 57px;
    font-family: "renogare", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 6px;
    line-height: normal;
  }
  
  .overlap-wrapper {
    height: 329px;
    top: 515px;
    position: absolute;
    width: 316px;
    left: 38px;
  }
  
  .overlap {
    height: 329px;
    position: relative;
    width: 314px;
  }
  
  .text-wrapper-2 {
    position: absolute;
    width: 212px;
    top: 298px;
    left: 57px;
    font-family: "renogare", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 6px;
    line-height: normal;
  }