body{
    background: linear-gradient(to bottom, #fdfdfd, #C8E5EE);
  margin: 0 auto;
  max-width: 1200px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font: 1em system-ui;
}
.logo {
  position: absolute;
   left: 10;
   top: 0;
}
hr {
    border-radius: 6%;
    border: 3px solid #FDB891;
}
.item4 {
	
	display: inline-block;
	vertical-align: middle;
	background: #ffffff;
	margin: 1px;
	padding: 2px;
	border: #000000 1px solid;
	border-radius: 13px;
	width: 180px;
	height: 170px;
	
}
.item1 {
	
	display: inline-block;
	vertical-align: middle;
	background: #ffffff;
	margin: 1px;
	padding: 2px;
	border: #000000 1px solid;
	border-radius: 13px;
	width: 145px;
	height: 165px;
	
}
button {
	background: #008000;
   font-size: 20px;
        font-family: arial black;
        margin: 2px;
        padding: 6px;
	color: #ffffff;
	border: 2px solid #FDB891;
	border-radius: 8px;
	
}
.colu {
       padding: 8px;
       font-size: large;
   background-color: #f8f8f8;
   word-break: break-word;
   flex: 1;
}

img{
    max-width: 260px;
    
}
input[type=submit] {
      background-color: #008000;  
        color: #ffffff; 
        text-align: center; 
        font-weight:bold; 
        font-family: arial black; 
        display: inline-block; 
        font-size: large; 
        margin: 4px 2px;
        border-radius: 10px;
        cursor: pointer;
}