body {
       height: 100vh;
       width: 100vw;
       background-image: url("https://www.kleoto.de/go/texte/pics/1765735954_5d3531bbc495_Screenshot_20251207_211415.jpg");
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       padding: 0;
       margin: 0;
       display: flex;
       justify-content: center;
       align-items: center;
       overflow: hidden;
   }

   .container {
       height: 100vh;
       width: calc(100vw - 40px);
       background-color: rgba(0, 0, 0, 0.8);
       padding: 20px;
       margin: 0;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }

   img {
       height: 150px;
       width: auto;
   }

   h1 {
       color: rgba(182, 56, 255, 0.8);
       font-size: 4rem;
       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       text-align: center;
   }

   h2 {
       color: rgb(222, 219, 135);
       font-size: 1.2rem;
   }

   h3 {
       color: rgb(119, 137, 255);
       font-size: 1.2rem;
   }

   .oder {
    margin: 50px;
    font-size: 2rem;
    color: azure;
   }

   a {
       text-decoration: none;
       color: rgba(135, 199, 222, 0.8);
       font-size: 1em;
       text-align: center;
   }

   p {
       text-decoration: none;
       color: rgba(135, 199, 222, 0.8);
       font-size: 2em;
       text-align: center;
   }

   input {
       max-width: 80%;
       text-decoration: none;
       color: rgba(135, 199, 222, 0.8);
       background-color: rgba(0, 43, 73, 0.548);
       font-size: 2em;
       border: 1px solid rgba(135, 187, 222, 0.5);
       text-align: center;
   }

   button {
       max-width: 80%;
       text-decoration: none;
       color: rgba(135, 199, 222, 0.8);
       background-color: rgba(0, 16, 73, 0.548);
       font-size: 2em;
       margin: 20px;
       padding: 5px 20px;
       transition: 2s;
       color: rgba(135, 199, 222, 0.8);
       text-align: center;
   }

   button:hover {
       padding: 5px 100px;
   }