Update file page.css

static/page.css

@@ -19,6 +19,151 @@ body{
     font-family: 'Courier New', Courier, monospace;
 }
 
+.homepage-content1{
+    top: 900px;
+    transform: translateX(28%);
+    width: 440px;
+    height: 450px;
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content2{
+    top: 1788px;
+    transform: translateX(-80%);
+    width: 415px;
+    height: 200px;
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content3 {
+    top: 3000px;
+    width: 1500px;
+    height: 200px;
+    transform: translateX(10%);
+    font-family: SourceSansPro;
+    font-size: 135.417px;
+    font-style: normal;
+    font-weight: 600;
+    color: #185A4F;
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+
+.homepage-content4 {
+    top: 3550px;
+    width: 415px;
+    height: 120px;
+    transform: translateX(-50%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content5 {
+    top: 3550px;
+    width: 475px;
+    height: 120px;
+    transform: translateX(78%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content6 {
+    top: 4000px;
+    width: 1000px;
+    height: 100px;
+    font-family: SourceSansPro;
+    font-size: 135px;
+    font-style: normal;
+    font-weight: 600;
+    /* color: transparent; */
+    -webkit-text-stroke: 2px #05BE85;
+    opacity: 0;
+    transition: all 0.7s linear;
+}
+.homepage-content7 {
+    top: 5100px;
+    width: 1000px;
+    height: 65px;
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content8 {
+    top: 5700px;
+    width: 1000px;
+    height: 65px;
+    /* transform: translateX(-110%); */
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+
+.homepage-content9 {
+    top: 6000px;
+    width: 900px;
+    height: 400px;
+    font-family: SourceSansPro;
+    font-size: 135px;
+    font-style: normal;
+    font-weight: 600;
+    color: transparent;
+    -webkit-text-stroke: 1px #05BE85;
+    text-align: left;
+    transform: translateX(7%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+
+.homepage-content10 {
+    top: 7300px;
+    width: 1000px;
+    height: 28px;
+    flex-shrink: 0;
+}
+.homepage-content11 {
+    top: 7500px;
+    width: 340px;
+    height: 200px;
+    transform: translateX(-20%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+
+.homepage-content12 {
+    top: 8150px;
+    width: 340px;
+    height: 200px;
+    transform: translateX(-60.5%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content13 {
+    top: 7850px;
+    width: 340px;
+    height: 200px;
+    transform: translateX(90%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content14 {
+    top: 8740px;
+    width: 340px;
+    height: 200px;
+    transform: translateX(-55%);
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+.homepage-content15 {
+    top: 9200px;
+    width: 1100px;
+    height: 200px;
+    text-align: center;
+    font-family: SourceSansPro;
+    font-size: 135px;
+    font-style: normal;
+    font-weight: 600;
+    color: transparent;
+    -webkit-text-stroke: 1px #185A4F;
+    opacity: 0;
+    transition: all 0.5s linear;
+}
+
 .pagecontainer{
     position: relative;
     justify-content: center;