:root {
  font-family: 'Poppins';
  height: 100%;
}

body{
    height: 100%;
    background-image: url("pic/background.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;  
  background-size: cover;
  background-attachment: fixed;
}

.card {
  width: 18rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
  -moz-box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
  box-shadow: -1px 3px 12px -1px rgba(51, 51, 51, 0.49);
  opacity: 0.9;
}

.card-body {
  text-align: center;
  overflow: hidden;
}

.d-flex {
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.card {
  padding: 20px;
}