body {
  width: 100vw;
  margin: 0; 
  overflow-x: hidden;
  background-image: url(./img/pink-pattern.jpg);
  background-size: 300%;
}

.title-container {
  height: 150px;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

h1 {
  font-size: 62px;
  margin:0;
  font-weight: 300;
  font-family: "Vibur", cursive;
  word-spacing: 10px;

  animation-name: animation-enter;
  animation-duration: 2s;
  animation-fill-mode: forwards;


}

.foto {
  box-sizing: border-box;
  width: 300px;
  max-width: 700px;
  flex:1;
  border: 80px solid rgb(255, 0, 0);
  border-top: 60px solid rgb(255, 0, 0);
  border-bottom: 140px solid rgb(255, 0, 0);
  border-image: url(./img/polaroid.svg) 32% round;
}

.container {
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}

.container .polaroid {
  width: 300px;
  max-width: 400px;
  height: auto;
  flex:1
}

@keyframes animation-enter{
  0%{
   text-shadow: 2px 2px 3px rgb(255, 4, 180, 0) ;
   color:transparent;
  }
  100%{
   text-shadow: 2px 2px 3px rgb(255, 4, 180, 0.6) ;
   color:black;
  }
}