body {
  background-color: #D6D0CA;
}
p {
  color: #000;
  font-size: 16px;
  text-align: center;
  font-family: Verdana,Geneva,sans-serif; 
}

.center {
  display: block;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap');

.btn{
font-family: Roboto, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  text-decoration: none;
font-weight: 0;
font-size: 14px;
color: #fff;
background-color: #252d3b;
padding: 10px 30px;
border: solid #252d3b 2px;
box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
border-radius: 1px;
transition : 1000ms;
transform: translateY(0);
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
text-transform: uppercase;
}
.btn:hover{
transition : 1000ms;
padding: 10px 50px;
transform : translateY(-0px);
background-color: #fff;
color: #252d3b;
border: solid 2px #252d3b;
}