@font-face {

  font-family: "SangBleuSunrise-Light-WebXL";

  src: url("assets/SangBleuSunrise-Light-WebXL.otf") format("opentype");

}

html{

    overflow: hidden;

}

a {

  font-family: "SangBleuSunrise-Light-WebXL";
  text-decoration: none;
  color: white;
  font-size: clamp(0.7rem, 2.1vw, 3.5rem);
  margin-top: clamp(0.8rem,  1vh, 1.7rem);
  border: 2px solid rgb(237, 236, 211);
  border-radius: clamp(1.5rem, 1.5vh, 2.5rem);
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 1em;
  padding-right: 1em;

  transition: .3s ease-in-out;

}

a:hover{

color: rgb(122, 122, 108);
background-color: rgb(237, 236, 211);

}

body {
    
    height: 100%;

    min-height: 100vh;

    position: relative;

    margin: 0;

    padding: 0;

}

body > picture img {

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: -1;

    object-fit: cover;

    object-position: center;

    aspect-ratio: 1/1;

}

.container > img {

    margin-top: 5vh;

    width: clamp(230px, 35vw,800px);

}

p {

    font-size: clamp(1rem, 2.5vw, 4rem);

    font-family: "SangBleuSunrise-Light-WebXL";

    color: white;
    margin: 0;

}

.container {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    height: 100%;

    min-height: 100vh;

}

@media screen and (min-width: 300px) {
  .container > img {
    margin-top: 5vh;
  }
}

@media screen and (min-width: 450px) {
    .container > img {
      margin-top: 5vh;
    }
  }

@media screen and (min-width: 600px) {
    .container > img {
      margin-top: -7vh;
    }
  }

@media screen and (min-width: 760px) {
    .container > img {
      margin-top: 5vh;
    }
  }

@media screen and (min-width: 940px) {
    .container > img {
      margin-top: 10vh;
    }
  }

@media screen and (min-width: 1200px) {
    .container > img {
      margin-top: 5vh;
    }
  }

@media screen and (min-width: 1660px) {
    .container > img {
      margin-top: 8vh;
    }
  }

@media screen and (min-width: 1800px) {
    .container > img {
      margin-top: 5vh;
    }
  }