:root{
  --accent-color: #d52c3a;
  --primary-color: #1B1C1F;
  --secondary-color: #101113;
  --text-color: #feed03fc;
  --secondary-text-color: #7f8082;
}
*{
    padding: 0;
    margin: 0;
}
html{
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18pt;
    color: var(--text-color)
}
body{
    min-height: 100vh; /*Für html und body*/
    background-image: url("Filzrosen_01.JPG");
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

    display: flex;
    justify-content: center;
    align-items: center;
}
header
{
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap-reverse;
}
.container{
  height: 200px;
  width: 700px;
  padding: 30px 50px;
  border-radius: 20px;
  background-color: rgba(249, 32, 90, 0.28);

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  /*
  font-family: Poppins, sans-serif;
  font-size: 18px;
  text-align: justify;
  line-height: 185%;
  */

  backdrop-filter: blur(5px);
}
h1{
  margin: 60px;
}