@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');
html{
    overflow-x: hidden;
}
#features{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-top: 5px solid grey;
    border-bottom: 5px solid grey;
}
.outerBox{
    background-color: black;
    display: flex;
    border-top: 5px solid grey;
    border-bottom: 5px solid grey;
    justify-content: space-evenly;
    height: 500px;
}
.text{
    color: white;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    width: 50%;    
    font-family: 'Netflix Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    
}
.text > h2{
    font-size: 50px;
    width: 80%;

}
.text > p{
    margin: 20px 0px;
    font-size: 30px;    
    width: 80%;
}
.featuresImage{
    width: 50%;   
    display: flex;
    justify-content: center;
    align-items: center;
}
.featuresImage > img{
    width: 80%;
    height: 80%;
    
}