main {
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content:center;
  
}

h1 {
  font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: bold; 
   font-size: 36 pt;
}

h2 {
  font-family: 'Roboto', sans-serif;
   font-weight: 300;
   font-style: normal; 
   font-size: 36 pt;
}

p{

    font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-style: normal; 
     font-size: 24 pt;
    width: 700px; 
}




#content {
  display: grid;
  grid-template-columns: 10% 90%;
  
  }
  
  
  #sections {
    background: #fffff;
    padding-top:25px;
    padding-left:15px;
    padding-right:15px;
  }
  
  
  #vis {
    top:0;
    position:sticky;
    box-sizing: border-box;
    
    min-width:600px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  
  }
  
  .step{
    height: 100vh;
  }