/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; /* disables scrolling */
  font-family: Verdana, sans-serif;
}

body {
  
  
  
  /* GIF background with dark overlay */
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("https://file.garden/Z6EN9xMdcEKIRtWQ/cool%20gifs/tumblr_e78c3e738b06718f1299519f8c70a353_67854cab_5001-ezgif.com-speed.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  /* Center content */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  height: 100vh; /* ensures it fills the viewport */
}

.container {
  width: 400px; /* adjust as needed */
  padding: 50px;
  background: rgba(0, 0, 0, 0.6); /* optional semi-transparent background */
  border: 5px solid white; /* proper border syntax */
  border-radius: 15px; /* rounded corners */
  box-sizing: border-box; /* include padding/border in width */
}