style.css

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap')


*{
box-sizing: border-box;
font-family: Raleway;
color: #777;
min-width:500px;
}

html, body{

border: 2px solid red;
min-width: 500px;
background-color: lightblue;


}




.header{
padding: 0.2em 1em;
border: 5px solid black;
margin: 1em;
display: inline-block;

background-color: #3e7bb2;
}

.main-portion{
display:block;
text-align: center;
margin: 2em;
}


.time-chosen{
display: inline-block;
padding: 7.5px;
align-items: center;


}

.time-chosen-details{
border: 4px solid black;
padding: 0.2em 0.5em;
margin: 1em 1em 1em 1em;
}

.journey{
border: 1px solid black;
padding-left: 1em;
padding-right: 1em;
display: inline-block;
align-items: left;
font-size: 20px;
margin: none;
background-color: #3e7bb2;

}

.journey:hover{
background-color: #f54d4d;
}

.additional-details{
font-size: 13px;
font-color: gray;
}

.align{
text-align: center}

.container{
display:block;
min-width: 200px;
padding: 0.3em;
border-radius: 1em;
border: 6px solid black;
text-align: center;
margin: 0 20em;
background-color: #fcfa7e;
align-items: center;
}

.form-group{
padding: 0.67em;

}

.form-group-gender{
display: inline;
width: 100%;
margin-bottom: 5em;
}

.btn{
display: block;
margin: 2em auto 2em;
font-size: 4em;
padding: 1px;
border-radius: .5em;


}
.btn:hover{
background-color: red}

.main{
text-align: center;
font-size: 2.5em;
padding: none;
border: 2px solid black;
width: 20em;
height: 5em;
border-radius: 1em;
margin: auto auto;
background-image: url("th (1).jpg ");
background-blend-mode:multiply;

}