.center{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  height:200px;
  width: 300px;
  border: 2px solid #46574D;
  background: #E5EAE7;
  font-family: Arial Narrow, Sans-Serif;
  border-radius: 4px;
  font-size: 30px;
}
.center input{
  display:block;
  margin:10px 0;
}
body{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color:#CDD7D1;
  color:#46574D;
  height: 100vh;
}
.layout{
  display: flex;
  align-items: center;
  gap: 30px;
  transform: translateX(-10px);
}
p{
  font-size: 20px;
  font-style: bold;
  font-family: Arial Narrow, Sans-Serif;
}
.list ul{
  font-size:20px;
  font-family: Arial Narrow, Sans-Serif;
}
h2{
	display:block;
}
.input{
  display: block;
  border: none;
  border-bottom:2px solid #46574D;
  background: none;
  transition-duration:0.4s;
}
.input[type=text]:focus{
  border:3px solid #46574D;
}
.sub{
  background-color: #6D8878;
  color:white;
  font-family: Arial Narrow, Sans-Serif;
  font-style: bold;
  display: block;
  border:1px solid #46574D;
  border-radius: 4px ;
}