@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');

@media screen and (max-width: 1280px)
{
body{
    width: auto;
    margin-right: auto;
    margin-left: auto;
    min-width: 300px;
    border: 1px solid lightgrey;
    padding: 35px 35px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Raleway', sans-serif;
    background-color: #F8F8F8;
    color: black;
}
}
@media (min-width: 1280px)
{
body{
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid lightgrey;
    padding: 35px 35px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Raleway', sans-serif;
    background-color: #F8F8F8;
    color: black;
}
}
input{
    display: block;
    width: 100%;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid lightgrey;
}
@media screen and (max-width: 1280px)
{
 button, .btn-block{
  padding: 0.5em 0.8em;
  font-size: 0.9rem;
  cursor: pointer;
  width: 100%;
  background-color: #fd696d;
  color: black;
}
}
@media (min-width: 1280px)
{
 button, .btn-block{
  padding: 0.5em 0.8em;
  font-size: 0.9rem;
  cursor: pointer;
  width: 30%;
  background-color: #fd696d;
  color: black;
}
}