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

html{
    scroll-behavior: smooth;
}

body{
    background-color: bisque;
    
    
}

#intro{
  
    display:flex;
    flex-direction: column;
    justify-content: center;
    
    
 height:105vh;
    margin-top:-6vh;
}

.headings{
    text-transform: uppercase;
    text-decoration-line:underline;
}

.get-started-link{
    text-decoration-line:none;
}

#get-started-btn-container{
height:1vh;

display: flex;
flex-direction: row;
gap:4vh;
margin-top:2vh;
}

.get-started-btn{
  height:9.5vh;;
    width:11vw;
    border-radius: 1vw;
  margin-bottom:2vw;
  border-style:outset;
    border:0.3vw solid black;
    font-size:1.3vw;
    font-weight:bold;
    color:black;
    
    cursor:pointer;
   background:linear-gradient(rgb(121, 57, 88), rgb(113, 113, 171));
}

.get-started-btn:hover{
    background-color: green;
}

#get-started-btn-1{
margin-bottom:4vh;
 border-style:outset;
}

#get-started-btn-2{
   margin-top:2vh;
   margin-bottom:6vh;
    border-style:outset;
}

#intro{
  
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
}





.grid-container{
    height:200vh;

    display: grid;
    grid-template-areas:
    "testimonials testimonials"
    "features how-it-works"
    "  "; 
}









.lofi-girl-img{
    height:44vh;
    width:40vw;
    border:0.5vw solid black;
    border-radius:1vw;
   margin-bottom:5vh;
}

#header-1{
   

    font-size:4vw;
    margin-bottom:6vh;

}
#subheader-1{
    font-size:2vw;
    margin-bottom:7vh;
}

/* Ad Section*/

#ad-section{
    background-color: #1a2032;
}

/*Section 2*/

#section-2{

}

#features{
     border-top:1vh solid black;
    border-bottom:1vh solid black;
    grid-area:features;
}

/*Features Section */

#features-section{
    
       display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    text-align: center;
   
   
    
    
}

#features-header{
    font-size:4vw;
    margin-top:5vh;
    text-align: center;
   
}

#features-list{
    list-style-type:disc; 
    text-align: center;
    justify-content: center;
    margin-bottom:6vh;
}

.feature-items{
    font-size:2vw;
    margin-bottom:2vh;
}



/*End of Features Section*/



/*How It Works Section */
#how-it-works{
    margin-bottom:10rem;
    border-top:0;
    grid-area:how-it-works;
    
    text-align: center;
    align-items: center;
}

#how-it-works-header{
   font-size:4vw;
   margin-bottom:4vw;
   margin-top:2vw;
}

#how-it-works-container{
    display:flex;
    justify-content: center;
}
.circle{
    border-radius: 50%;
    height:33vh;
    width:45vw;
    font-size:1.5vw;
    
    font-weight:500;
    background-color: rgb(57, 139, 88);
    justify-content: center;
    display: flex;
    text-align:center;
    align-items: center;
    border:0.5vw solid black;
    
    
}

.arrow {

font-size:12vw;

    align-items:center;
}



/*End of How It Works Section*/



/*Testimonial Section*/

#testimonials{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-area:testimonials;
  
    width:100%;
    border:10px;
    margin:auto;
    border-top:10px solid black;
    
    
}

#testimonials-header{
    font-size:4vw;
    margin-top:8vh;
    margin-bottom:4vh;
text-decoration-line: underline;
text-transform: uppercase;
}

.testimonial-ad{
   
 
   justify-content: center;
   align-items: center;
    display:flex;
    border:0.5vw solid black;
   width:85vw; 
    margin:auto;
    height:65vh;
    margin-bottom:2vh;
    text-align:center;

  
}

#testimonial-ad-3{
    margin-bottom:4vh;
}
.testimonial-img{
    height:43vh;
    width:21vw;
    border:0.5vw solid black;
    border-radius:50%;
    float:left;
   margin-right:1vh;
    margin-left:3vh;

    
}




.testimonial-text-container{
float:right;
margin-top:10rem;


}



.testimonial-ad-header{
    font-size:3vw;
    font-family: 'Courier New', Courier, monospace;
    margin-top:3vh;
   
    margin-bottom:2.3vh;
}
.testimonial-text{
    font-size:1.3vw;
  width:55vw;
  margin-left:8vh;
 
    color:black;
    font-family: 'Courier New', Courier, monospace;
    
}




/*End of Testimonial Section*/

/*End of Section 3*/

/* Ad Section*/



/*Footer Section */

/*Footer Section*/
.footer{
    background-color: rgb(92, 38, 198);
    grid-area:footer;
    height:10.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border:0.2vw solid black;
}

.footer-text{
    font-size:1.1vw;
}

.contact-badge{
    

}



/*End of Footer Section */