@font-face {

  font-family: 'harabara';

  src: url('Philosopher-Regular.ttf');

}



body {

  background-color: #f2f4f4;

  background-size: 100%;

  background-repeat: no-repeat;

  background-attachment: fixed

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



.App {

  width: 400px;

  background: white;

  padding: 30px;

  margin: auto;

  margin-top: 100px;

  border-radius: 4px;

  color: black;

  box-shadow: 7px 13px 37px #000;

  justify-content: center;

}



.h1 {

  color: #911f30;

  text-align: center;

  font-size: 27px;

  text-shadow: 2px 2px 2px #f5eef8;

  font-family: 'Harabara';  

}



.p {

  text-align: center;

  font-size: 14px;

  font-family: 'Harabara';

  padding: 2px,2px,2px,2px;

  text-decoration: none;

}



.link {

  text-align: center;

  font-size: 14px;

}

.a1 {

  width: 400px;

  background: white;

  padding: 30px;

  margin: auto;

  margin-top: 100px;

  border-radius: 4px;

  color: black;

  box-shadow: 7px 13px 37px #000;

  justify-content: center;

}