header, footer {        
  font-size: 10px ;
  padding: 5px;
  text-align: center;
  font-family: "jersey 10"; 
} 
    body {
  background-image: url(wallpaper3.png),linear-gradient(135deg,#E1BBFD,#7ad1f7);
}
    main {  
  height: fit-content;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
}
    div1 { 
  margin-left: 10px;
  margin-right: 10px;
}
    logo { 
  display: block; 
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  padding-left: 10px;
  padding-right:10px;
  padding-bottom: 1px;
}
    sayhi {
  text-align: center;
}



  .a { 
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
  padding: 1px;
}
  .left, .right {
  width: 50%;
  padding: 20px;
}
  .middle {
  border: none;
  height: 100%;
  width: 50%;
  padding-bottom: 20px;
  padding-top: 20px;
}
  .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  margin: auto;
  border: 3px solid #F7CBF7;
  border-radius: 20px;
  padding: 5px;
}
 .containerheader { 
   background-color: #9C59D7;
   border: 2px solid #BB95DC;
   padding: 0px;
   margin: auto;  
}
 .container {
  background-color: #F296D1;
  border: 4px solid #BB95DC;
  border-radius: 10px ;
  padding: 10px;
  margin: 3px;
}
 .container2 {
  background-color: #9C59D7;
  border: 4px solid #BB95DC;
  border-radius: 2px ;
  padding: 2px;
  margin: auto;
}
 .container3 { 
  background-color: #9C59D7;
  border: 2px solid #BB95DC;
  margin: auto;
  width: 100%;
}
 .cream { 
  border-radius: 5px;
  border: 4px solid #ffbfc3;
  margin: auto;
  padding: 1px ;
  imagsize
}