body {font-family: Arial, sans-serif; background-color: white; display: flex; justify-content: center;
    align-items: center;  height: 100vh;  margin: 0;}

.container {  background-color: white;  padding: 20px;  border-radius: 10px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;   width: 300px;}
h2 {   margin-bottom: 8px;}
label { display: block;    margin-bottom: 5px;    font-weight: bold; color: blue;}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="file"] {
    width: 100%;  padding: 7px;  margin-bottom: 10px;  border: 1.2px solid #89bfdc;  border-radius: 5px;  box-sizing: border-box; }


/* button {padding: 10px 20px;   font-size: 1em;   font-weight: bold;   color: white; background-color: red;
    border: none;    border-radius: 5px;   cursor: pointer;} */

.subb{padding: 5px 20px;   font-size: 1em;   font-weight: bold;   color: white; background-color: red;
    border: none;    border-radius: 5px;   cursor: pointer;}

    h2{ color:#89bfdc; }

/* .subb{background-color: red; border-radius: 10px; padding: 5px; } */
.bak{background-color: blue; color: white; border-radius: 5px; padding: 3px 15px; }
.t{color: red; } .tcz{font-size: 70%;} .ttcc{font-size: bold; color: red; font-size: 100%;}

/*
body {
  background-image: url("img/nascottop.jpg"); 
  background-image-height: 500px; 
  background-image-width: 200px;
  background-image-position: left top;
  background-repeat: no-repeat, repeat;
} */


}