/* Default styles */

.centered-div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  width: 80%;
  border-radius: 10px;
  min-height: 100vh;}
body {
  background-color: #061056;
  color: white;
  font-weight: 700;
  font-family: Gputeks-Regular;
}
a {
  text-decoration: none;
  color: white;
}
a:hover {
  color: #4a863d;
}

.subtitle {
  width: fit-content;
  font-size: 18px;
  margin: 0 0 0 auto;
}
.title {
  margin: auto;
  font-size: 60px;
  width: fit-content;
}
.upper-block {
  width: fit-content;
  margin: auto;
}
.email {
  bottom: 60px;
  position: absolute;
  text-shadow: 1px 1px #0b0a0a;
}
.main-image{
  max-height: 2160px;
  height: 100vh;
}
.image-with-text {
  position: relative;
  width: fit-content;
}
.image-text {
  top: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 14px 0 0 0;
}

/* Media queries for different screen sizes */
@media only screen and (max-width: 480px) {
  /* Styles for very small smartphones */
  .subtitle {
    font-size: 16px;
  }
  .title {
    font-size: 47px;
  }
}
@media only screen and (max-width: 480px) {
  /* Styles for small smartphones */
  .centered-div {
    width: fit-content;
    font-size: 14px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  /* Styles for big smartphones */
  .centered-div {
    width: fit-content;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Styles for tablets */
  .centered-div {
    width: fit-content;
    font-size: 18px;
  }
}

@media only screen and (min-width: 1025px) {
  /* Styles for computers */
  .centered-div {
    width: fit-content;
    font-size: 20px;
  }
}
@font-face {
  font-family: 'Gputeks-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Gputeks-Regular.ttf);
}