Home page of A Hubble website using Grid,Flex and AOS js library

These was one of the interesting homepage i've designed lately, also it has new expriences including 1-**changing the SVG image fill colors editing in there svg paths 2-**Enabling AOS(animate on scroll) animation JS libraries to the grid elements 3-**swapping the orders of picture grid elements[for Pc version] by pseudo selector .card--grid:nth of type(odd) .picture{ order:1}//it means that we want to swap order of picture for grid when it is odd[1st,3rd,5th..] //and note that order starts from 0 so 1 means picture to the right