Update website

media/style.css

@@ -654,6 +654,67 @@ body {
     display: flex;
 }
 
+.main5_beta_img {
+    border-radius: var(--roundness);
+    max-width: 25%;
+    max-height: 100%;
+    align-self: center;
+    margin: 1rem;
+}
+.main5_beta_description_div {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    padding: 1rem 1.5rem 1rem 1rem;
+    flex-direction: column;
+}
+.main5_beta_description_rank {
+    text-align: center;
+    font-size:1.2rem;
+    font-weight: 700;
+    margin-bottom: .5rem;
+}
+.main5_beta_description_rank_beta {
+    color: #00f8ff;
+}
+.main5_beta_description_title {
+    text-align: center;
+    font-size:1.3rem;
+    font-weight: 700;
+    color: #fff;
+    text-decoration: none;
+    transition: all .5s;
+    margin-bottom: .5rem;
+}
+.main5_beta_description_title:hover {
+    color: var(--accent1);
+    transform: scale(1.05)
+}
+
+.main5_beta_description {
+    font-size:1.2rem;
+    margin-bottom: auto;
+}
+
+.main5_beta_div {
+    display: flex;
+    max-width: 825px;
+    justify-content: center;
+    align-items: center;
+    flex-direction:row;
+    flex-wrap: wrap;
+    margin-bottom: 1.5rem;
+}
+
+.main5_beta_div {
+    width: 23.5rem;
+    min-height: 16rem;
+    background-color: var(--background1);
+    border-radius: var(--roundness);
+    margin: .5rem;
+    display: flex;
+}
+
 .main5_beta_img {
     border-radius: var(--roundness);
     max-width: 25%;