Minor fixes

Author: Gui-FernandesBR

css/main.css

@@ -14,7 +14,7 @@ body {
   color: rgba(255, 255, 255, 1);
   font-family: Ruda;
   font-weight: bold;
-  font-size: 31px;
+  font-size: 25px;
   opacity: 1;
   text-align: center;
 }
@@ -26,6 +26,21 @@ body {
   text-align: center;
 }
 
+.button-container {
+  position: absolute;
+  top: 25px;
+  right: 10px;
+  background-color: rgba(33, 35, 50, 0.65);
+}
+
+.button {
+  margin-left: 10px;
+  margin-right: 10px;
+  text-decoration: none;
+  color: white;
+  font-size: 40px;
+}
+
 .v33_2 {
   width: 100%;
   height: 3400px;
@@ -57,7 +72,7 @@ body {
   position: absolute;
   top: 450px;
   left: 40%;
-  font-size: 30px;
+  /* font-size: 30px; */
   word-wrap: break-word; /* Break long words */
   overflow: hidden; /* Hide overflowed text */
   white-space: normal; /* Wrap text */
@@ -159,7 +174,7 @@ body {
   left: 10%;
   font-family: Ruda;
   font-weight: Black;
-  font-size: 31px;
+  /* font-size: 31px; */
   opacity: 1;
   text-align: left;
 }
@@ -293,7 +308,7 @@ body {
   left: 20%;
   font-family: Ruda;
   font-weight: Black;
-  font-size: 34px;
+  /* font-size: 34px; */
   opacity: 1;
   text-align: left;
 }
@@ -305,7 +320,7 @@ body {
   left: 15%;
   font-family: Ruda;
   font-weight: Black;
-  font-size: 31px;
+  /* font-size: 31px; */
   opacity: 1;
   text-align: left;
 }
@@ -444,7 +459,7 @@ body {
 .v33_4 {
   width: 100%;
   height: 117px;
-  background: rgba(33, 35, 50, 0.47999998927116394);
+  background: rgba(33, 35, 50, 0.35);
   opacity: 1;
   position: absolute;
   top: 0px;

index.html

@@ -42,12 +42,20 @@
       <div class="v37_85"></div>
       <div class="v41_142"></div>
       <div class="v73_44"></div>
-      <span class="v37_88 body-font"
-        >RocketPy's environment construction uses weather data from several
+      <span class="v37_88 body-font">
+        RocketPy's environment construction uses weather data from several
         meteorological agencies, providing precise information about atmospheric
         conditions and taking into account different kinds of uncertainties
-        associated with the mathematical models of the phenomena.</span
-      >
+        associated with the mathematical models of the phenomena.
+        <a
+          href="https://ascelibrary.org/doi/10.1061/%28ASCE%29AS.1943-5525.0001331"
+          target="_blank"
+        >
+          Read our paper on the Journal of Aerospace Engineering
+        </a>
+        to know more about the mathematical models and the software
+        architecture.
+      </span>
       <div class="v40_140"></div>
       <span class="v73_47 body-title">
         Simulation is all about predictions
@@ -79,23 +87,31 @@
         <div class="v33_6"></div>
         <button
           class="v89_17"
-          onclick="window.location='https://docs.rocketpy.org/en/latest/#quick-installation'"
+          onclick="window.location='https://jarvis-ts.vercel.app'"
         >
           <div class="v33_8"></div>
           <span class="v33_10">SIMULATE</span>
           <div class="v89_11"></div>
         </button>
-        <!-- <div class="v89_16">
-          <div class="v89_15"></div>
-          <span class="v89_14"> About Us </span>
-        </div> -->
-        <!-- <button
-          class="v89_19"
-          onclick="window.location='https://docs.rocketpy.org/en/latest/user/index.html'"
-        >
-          <div class="v89_20"></div>
-          <span class="v89_21">Help</span>
-        </button> -->
+        <div class="button-container">
+          <a
+            href="https://docs.rocketpy.org/en/latest/index.html"
+            class="button"
+            ><i class="fa-solid fa-book"></i
+          ></a>
+          <a href="https://github.com/RocketPy-Team/RocketPy" class="button"
+            ><i class="fa-brands fa-github"></i
+          ></a>
+          <a href="https://www.instagram.com/rocketpyteam" class="button"
+            ><i class="fa-brands fa-instagram"></i
+          ></a>
+          <a href="https://www.linkedin.com/company/rocketpy" class="button"
+            ><i class="fa-brands fa-linkedin"></i
+          ></a>
+          <a href="https://www.youtube.com/@rocketpyteam5828" class="button"
+            ><i class="fa-brands fa-youtube"></i
+          ></a>
+        </div>
       </div>
     </div>
     <footer class="footer-distributed" id="footer">