style.css

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&family=Poppins&display=swap');

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0%;
}

:root {
    --background-clr : #F7D1BA;
    --primary : #557571;
    --secondary : #F4F4F4;
    --alt : #D49A89;
}

::selection {
   color: var(--primary);
   background: var(--alt);
 }

body {
   background-color: var(--background-clr);
}

.heading {
   margin-top: 4rem;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Josefin Sans',sans-serif;
   font-size: 5rem;
   letter-spacing: 0.5rem;
}

.tagline {
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Poppins', sans-serif;
   font-size: 2rem;
   font-weight: 100;
   letter-spacing: 0.2rem;
   color: rgb(74, 74, 74);
   margin-top: 0.2rem;
}

.parent , .next{
   max-width: 100%; max-height: 100%;
   text-align: center;
}
.parent img {
   display:inline-block;
    margin: 1.5rem;
    width: 40vw;
    height: 40vh;
}
.btn {
   margin: 2rem auto;
   display: block;
   padding: 1rem 5rem;
   background-color: var(--secondary);
   font-family: 'Poppins', sans-serif;
   border-radius: 1rem;
   font-weight: 600;
   letter-spacing: 0.1rem;
   cursor: pointer;
}

/* the second index html file  */
.main {
   margin: 2rem;
   font-family: 'Josefin Sans';
   display: flex;
   justify-content: space-evenly;
}
.first {
   font-size: 5rem;
   color: var(--alt);
   line-height: 7rem;
}
.second {
   line-break: strict;
   font-size: 6rem;
   color: var(--primary);
}
.image-holder img{
    margin: 1rem;
    width: 50vw;
    height: 60vh;
}
.tag-line {
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Poppins', sans-serif;
   font-size: 2rem;
   font-weight: 100;
   letter-spacing: 0.2rem;
   color: rgb(74, 74, 74);
   margin-top: 0.2rem;
}
.form-btn {
   margin: 1rem auto;
   display: block;
   padding: 1rem 5rem;
   background-color: var(--secondary);
   font-family: 'Poppins', sans-serif;
   border-radius: 1rem;
   font-weight: 600;
   letter-spacing: 0.1rem;
   cursor: pointer;
}

/* form html */
#title {
   margin-top: 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'Josefin Sans',sans-serif;
   font-size: 3rem;
   letter-spacing: 0.5rem;
}
.form {
   display: flex;
   justify-content: center;
   align-items: center;
}
.back {
   display: flex;
   justify-content: center;
   text-align:center;
}
.back button {
   margin: 1rem auto;
   display: block;
   padding: 0.2rem 10rem;
   background-color: var(--secondary);
   font-family: 'Poppins', sans-serif;
   border-radius: 1rem;
   font-weight: 300;
   letter-spacing: 0.1rem;
   cursor: pointer;
   border: none;
}