body {
  	padding: 10px;


background-image: url('https://i.pinimg.com/736x/21/6c/40/216c40c1cd86c190ea57bc554425904f.jpg'); 
background-repeat: no-repeat; 
background-size: cover; 
background-attachment: fixed;
}

.note-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
    height: 100vh;           /* Sets container height to full viewport height for full page centering */
    width: 100%;
    color: white;
}
.main {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 620px;

}
.form {
  position: absolute;
  bottom: 30%;
  left: 16px;
    text-align: center;
  width: 620px;
}

.header {
  position: absolute;
  top: 80px;
  left: 16px;
    text-align: center;
  width: 620px;
}


.back {
  position: absolute;
  bottom: 10%;
  right: 16px;
    text-align: center;
  width: 620px;
}


.note {
    background-image: url('/system message.jpg');
    /* Ensures the image covers the whole area */
    background-size: cover; 
    /* Centers the background image */
    background-position: center; 
    /* Sets the height of the container to make the image visible */
    height: 402px; 
    width: 654px;
    /* Optional: styles for the text */
    color: black;
    display: flex;
    /*justify-content: center;*/
    align-items: center;

    position: relative;
      text-align: center;
}

a:hover, a:focus {
	font-style: italic;
}