styles.css

html {
    background-image: url(https://raw.githubusercontent.com/OlenaSalii/sp1-site/cdb1e044839f52b32d03299984c7b681c7c0387d/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
  background-attachment: fixed;

}
body {
    font-family: 'Poppins', sans-serif;
    margin: 20px auto;
    width: 600px;
   
}

h1 {
    font-weight: normal;
    margin: 0 auto;
}

p {
font-style: italic;
    margin: 15px auto;
}

h1, p {
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: rgba(17, 7, 102, 0.801);
    text-align: center;
    text-shadow:  1px 1px 1px rgb(255, 255, 255),
                2px 2px 1px rgb(255, 255, 255);
}

form {
    background-color: rgba(119, 116, 141, 0.938);
    border-radius: 10px;
    padding: 20px 30px;
}

div {
    width: 100%;
    margin: 0 0 20px 0;
}
button {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 50px;
}

input {
    padding: 0 0;
    border-width: 0 0;
}

fieldset {
margin: 0 0 10px 0;
border-color: rgb(192, 192, 192);
}

fieldset div {
    margin-bottom: 10px;
}

input[name="inputBox"] {
width: 100%;
height: 50px;
border: 0;
padding: 0;
}

button {
margin-top: 10px;
border-radius: 5px;
border-color: rgba(38, 82, 119, 0.671);
font-size: larger;
background-color: rgba(79, 48, 119, 0.342)
}

.line-input {
border-radius: 5px;
width: 100%;
height: 30px;
color: rgb(105, 90, 100);
}

.question {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 10px 0;
}

/* test commit changes */