From 3073c63f1211853eac851245027810d8b16d7d11 Mon Sep 17 00:00:00 2001
From: Marz Pino <159346085+m8rzz7@users.noreply.github.com>
Date: Sun, 14 Apr 2024 09:51:16 -0400
Subject: [PATCH] Add files via upload

---
 about.html   | 189 +++++++++++++++++++++++++++++++++++++++------------
 extra.html   | 101 +++++++++++++++++++++++++--
 gallery.html | 146 ++++++++++++++++++++++++++-------------
 index.html   |  21 ++++--
 rev1.html    |  17 ++++-
 rev2.html    |  19 ++++--
 rev3.html    |  16 +++--
 reviews.html | 108 ++++++++++++++++++-----------
 shell.html   |   4 +-
 style.css    | 148 +++++++++++++++++++++++++++-------------
 10 files changed, 563 insertions(+), 206 deletions(-)

diff --git a/about.html b/about.html
index 4665b61..8244e01 100644
--- a/about.html
+++ b/about.html
@@ -34,91 +34,190 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section><!--end of 'lead'-->
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
 			<h1 class="main-header"></h1>
 		</section><!--end of 'ru-title'-->
-		
+
+		<nav class="page-nav">
+			<div class="dropdown">
+				<span><a href="#what">what is ru mew?</a></span>
+				<div class="dropdown-content">
+					<a href="#history">history</a>
+					<a href="#why">why ru mew?</a>
+				</div>
+			</div><!--end of 'what' dropdown-->
+			<div class="dropdown">
+				<span><a href="#team">our team</a></span>
+				<div class="dropdown-content">
+					<a href="#mew">mew</a>
+					<a href="#oshawott">oshawott</a>
+					<a href="#jirachi">jirachi</a>
+					<a href="#snorlax">snorlax</a>
+				</div>
+			</div><!--end of 'our team' dropdown-->
+			<div class="dropdown">
+				<span><a href="#collabs">collabs</a></span>
+				<div class="dropdown-content">
+					<a href="#steve">sheriff steve</a>
+					<a href="#connie">connie the cat</a>
+				</div>
+			</div><!--end of 'collabs' dropdown-->
+			<a href="./extra">more mew</a>
+		</nav><!--end of page nav-->
+
 		<section id="what">
 			<h1 class="main-header">What is RU Mew?</h1>
 			<h4 class="subheader">Excellent Question...</h4>
 			<p>
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-			</p>	
-			
+				RU Mew is a collaborative project that combines the talents of a team of passionate and dedicated individuals, each with their own unique skills and expertise. The project is focused on developing engaging and immersive content that provides insight into the world of Rutgers University-New Brunswick, as told from my perspective as the <a href="#mew">author and creator, Mew</a>.
+				<br><br>
+				At the heart of RU Mew is the belief in the power of storytelling. Our goal is to construct narratives through the Mew Reviews that encapsulate the essence of being here at the largest college in New Jersey. Whether it's through the vivid images captured by our talented <a href="#oshawott">photographer Oshawott</a>, the aesthetically pleasing and user-friendly site brought to life by our <a href="#jirachi">web designer Jirachi</a>, or the eloquently articulated content refined by our meticulous <a href="#snorlax">editor Snorlax</a>, every element of our work is thoughtfully crafted to tell a story.
+			</p><!--end of 'what' p-->
 			<section id="history">
 				<h2>History</h2>
 				<p>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+					RU Mew was born out of the simple idea to showcase the unique and diverse experiences of Rutgers University-New Brunswick through the eyes of an insider. Our journey started in Fall 2021 when I (Mew) gathered some of my friends together to help me accomplish my vision. Together, we use this platform to share the insider knowledge of Rutgers, in a way that has never been done before. Being that the project is new and fresh, we're anticipatory for the journey ahead, and thrilled to have you with us! We appreciate all of our readers. Thank you for your support. Stay tuned for more updates from RU Mew!
 				</p>
 			</section><!--end of 'history' section-->
 			
 			<section id="why">
 				<h2>Why RU Mew?</h2>
 				<p>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+					RU Mew is unlike any other blog. It is hyper niche, and its specificity is all a part of its appeal. RU Mew's focal point is the reviews—the <em>Mew Reviews</em>—and the gallery. Each <a href="./reviews">Mew Review</a> and gallery collection provides a unique, insider's perspective on the various aspects of Rutgers University-New Brunswick. Furthermore, my personal experiences and observations are woven into all of my work, providing a richer, more nuanced understanding of the university's culture, events, and places.
 				</p>
 			</section><!--end of 'why' section-->
 		</section><!--end of 'what' section-->
 			
-		
 		<section id="team" class="about">
 			<h1 class="main-header">Meet Our Team!</h1>
-			<!--replace with own title-->
-			
-			<!--in class work 04/03-->
 			<div class="profile-container-3">
 				<!--mew-->
-
-				
-				<div class="profile-port mew-port"><img src="images/mew-plush.jpg" alt="mew plushie" height="200px" width="200px" class="rcorners"></div>
-				
-				<div class="profile-bio mew-bio"><p>Hello, everyone! I am the <strong>author and creator Mew</strong> :3! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
-				</p></div>
+				<div class="profile-port mew-port">
+					<img src="images/mew-plush.jpg" alt="mew plushie" height="200px" width="200px" class="rcorners">
+				</div>
+				<div class="profile-bio mew-bio" id="mew">
+					<p>
+						Hello, everyone! I am the <strong>author and creator Mew</strong>! As part of the author and creator of the RU Mew team, I am heavily involved in various aspects of the project. My responsibilities range from authoring content, organizing tasks, and coordinating with other team members to ensure the smooth execution of our project. I play a pivotal role in steering the direction of the project, coordinating tasks, and ensuring that everyone's efforts synergistically contribute towards our common goal. Through the collective effort and support of my other team members, I am to bring RU Mew to fruition. 
+					</p>
+				</div><!--end of mew-->
 				
 				<!--psyduck -> oshawott-->
-				<div class="profile-port psy-port"><img src="images/oshawatt.jpg" alt="oshawott plushie" height="200px" width="200px" class="rcorners"></div>
-				
-				<div class="profile-bio psy-bio"><p>Our beloved and talented <strong>photographer Oshawott</strong>! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
+				<div class="profile-port psy-port">
+					<img src="images/oshawott.jpg" alt="oshawott plushie" height="200px" width="200px" class="rcorners">
+				</div>
+				<div class="profile-bio psy-bio" id="oshawott">
+					<p>
+						As our team's talented <strong>photographer, Oshawott</strong> has a keen eye for capturing stunning visuals that play a crucial role in bringing our project to life. Each image he takes carries a piece of our story, and his talent ensures that they are communicated effectively to our audience. You can check out his work <a href="./gallery">here</a>!
+					</p>
+				</div><!--end of oshawott-->
 				
 				<!--jirachi-->
-				<div class="profile-port jira-port"><img src="./images/jirachi-sleep.jpg" alt="jirachi floating in air" height="200px" width="200px" class="rcorners"></div>
-				
-				<div class="profile-bio jira-bio"><p>This website has been brought to you by the talents of our <strong>web designer Jirachi</strong>! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p></div>
+				<div class="profile-port jira-port">
+					<img src="./images/jirachi-sleep.jpg" alt="jirachi floating in air" height="200px" width="200px" class="rcorners">
+				</div>
+				<div class="profile-bio jira-bio" id="jirachi">
+					<p>
+						This website has been brought to you by the talents of our <strong>web designer, Jirachi</strong>! Jirachi plays a pivotal role in creating an engaging and user-friendly interface for our website. With their creative flair and technical expertise, they ensure that our website not only looks good but also functions seamlessly. Their dedication to creating a visually appealing and efficient digital platform is instrumental in bringing our project to life.
+					</p>
+				</div><!--end of jirachi-->
 				
 				<!--mudkip -> snorlax-->
-				<div class="profile-port mud-port"><img src="./images/snorlax.jpg" alt="snorlax plushie" height="200px" width="200px" class="rcorners"></div>
-				
-				<div class="profile-bio mud-bio"><p>RU Mew would be a mess without our <strong>editor Snorlax</strong>! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div>
-			</div><!---->
-			<!--end of in class work 04/03-->
+				<div class="profile-port mud-port">
+					<img src="./images/snorlax.jpg" alt="snorlax plushie" height="200px" width="200px" class="rcorners">
+				</div>
+				<div class="profile-bio mud-bio" id="snorlax">
+					<p>
+						RU Mew would be a mess without our <strong>editor, Snorlax</strong>! She is instrumental in refining and polishing all the content that goes on our website. With a keen eye for detail and a strong command over language, she ensures that all our messages are clearly, accurately, and effectively conveyed. Her meticulous approach enhances the overall quality of our work and facilitates smooth communication with our audience.
+					</p>
+				</div><!--end of snorlax-->
+			</div><!--enf of 'profile-container-3'-->
+
 		</section><!--end of 'team' section-->
 		
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+			<div class="dropdown">
+				<span><a href="#what">what is ru mew?</a></span>
+				<div class="dropdown-content">
+					<a href="#history">history</a>
+					<a href="#why">why ru mew?</a>
+				</div>
+			</div><!--end of 'what' dropdown-->
+			<div class="dropdown">
+				<span><a href="#team">meet our team</a></span>
+				<div class="dropdown-content">
+					<a href="#mew">mew</a>
+					<a href="#oshawott">oshawott</a>
+					<a href="#jirachi">jirachi</a>
+					<a href="#snorlax">snorlax</a>
+				</div>
+			</div><!--end of 'our team' dropdown-->
+			<div class="dropdown">
+				<span><a href="#collabs">collabs</a></span>
+				<div class="dropdown-content">
+					<a href="#steve">sheriff steve</a>
+					<a href="#connie">connie the cat</a>
+				</div>
+			</div><!--end of 'collabs' dropdown-->
+		</nav><!--end of page nav-->
 		
 		<section id="collabs" class="showcase">
-			<h1 class="main-header">Collaborations</h1>
-			
-			<!--in class work 04/03-->
-
+			<h1 class="main-header" id="collabs">Collaborations</h1>
 			<div class="profile-container-4">
-				
 				<!--collaborator 1-->
-				<div class="profile-port c1-port"><img src="images/puipui.jpg" alt="picture of puipui molcar cowboy hamster figurine over the 'whos that pokemon' background" height="200px" class="rcorners"></div>
-				
-				<div class="profile-bio c1-bio"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p></div>
+				<div class="profile-port c1-port">
+					<img src="images/puipui.jpg" alt="picture of puipui molcar cowboy hamster figurine over the 'whos that pokemon' background" height="200px" class="rcorners">
+				</div>
+				<div class="profile-bio c1-bio" id="steve">
+					<p>
+						<strong>Sheriff Steve</strong> is a recurring collaborator with RU Mew. In our collaborations, Steve has joined me (Mew) on my adventures off-campus to wander through the beautiful city of New Brunswick. He provides insight into which off-campus locations we should explore. As a longtime local resident in the city of New Brunswick, Sheriff Steve has an excellent repertoire of hidden gems throughout his hometown. Sheriff Steve also makes music, which you can check out <a href="https://youtu.be/dQw4w9WgXcQ?si=DsZ46IEjfstRtArE" target="_blank">here</a>!
+					</p>
+				</div><!--end of collaborator 1-->
 				
 				<!--collaborator 2-->				
-				<div class="profile-port c2-port"><img src="images/clay-cat.jpg" alt="picture of clay cat over the 'whos that pokemon' background" height="200px" class="rcorners"></div>
-				
-				<div class="profile-bio c2-bio"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p></div>
-				
-			</div><!--end of profile-container-->
-			
-			<!--end of in class work 04/03-->
-			
+				<div class="profile-port c2-port">
+					<img src="images/clay-cat.jpg" alt="picture of clay cat over the 'whos that pokemon' background" height="200px" class="rcorners">
+				</div>
+				<div class="profile-bio c2-bio" id="connie">
+					<p>
+						<strong>Connie the Cat</strong> is another recurring collaborator with RU Mew. Connie is one of the cool kids, for sure! She knows about every single fun event that is going within a 5-mile radius. From basement shows to club meetings, Connie knows it all! She can also navigate through any of the four different campuses (<a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">College Ave</a>, <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">Cook-Douglas</a>, <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/livingston-campus" target="_blank">Livingston</a>, <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">Busch</a>) with impressive ease. 					
+					</p>
+				</div><!--end of collaborator 2-->
+			</div><!--end of 'profile-container-4'-->
 			
 		</section><!--end of 'collabs' section-->
+
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+			<div class="dropdown">
+				<span><a href="#what">what is ru mew?</a></span>
+				<div class="dropdown-content">
+					<a href="#history">history</a>
+					<a href="#why">why ru mew?</a>
+				</div>
+			</div><!--end of 'what' dropdown-->
+			<div class="dropdown">
+				<span><a href="#team">meet our team</a></span>
+				<div class="dropdown-content">
+					<a href="#mew">mew</a>
+					<a href="#oshawott">oshawott</a>
+					<a href="#jirachi">jirachi</a>
+					<a href="#snorlax">snorlax</a>
+				</div>
+			</div><!--end of 'our team' dropdown-->
+			<div class="dropdown">
+				<span><a href="#collabs">collabs</a></span>
+				<div class="dropdown-content">
+					<a href="#steve">sheriff steve</a>
+					<a href="#connie">connie the cat</a>
+				</div>
+			</div><!--end of 'collabs' dropdown-->
+		</nav><!--end of page nav-->
+
 	</main><!--main ends-->
-	
+
 	</div><!--wrapper ends-->
+
 	<footer>
 		<p>&copy; 2024 your <a href="https://m8rzz7.github.io/" target="_blank">Marz Pino</a>. All rights reserved.
 		<br><br>
@@ -127,6 +226,6 @@ <h1 class="main-header">Collaborations</h1>
 		01:355:435 Final Project, Spring 2024
 		</p>
 	</footer>
-		
+
 </body>
 </html>
diff --git a/extra.html b/extra.html
index e0d653b..66cdd90 100644
--- a/extra.html
+++ b/extra.html
@@ -27,7 +27,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,13 +35,104 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
-			<h1>more a<em id="mew-em">-mew-</em>zing content</h1>
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
+			<h1>more a<em id="mew-em">-mew-</em>zing content beyond the mewniverse</h1>
 		</section><!--end of ru-title-->
 		
-		<section>
-			<h1 id="coming">COMING SOON!!!</h1>
+		<nav class="page-nav">
+			<div class="dropdown">
+				<span><a href="#more-ru">more rutgers</a></span>
+				<div class="dropdown-content">
+					<a href="#rare">rutgers rarities</a>
+					<a href="#med">the medium</a>
+					<a href="#dt">the daily targum</a>
+					<a href="#her">her campus</a>
+				</div>
+			</div><!--end of 'more-ru' dropdown-->
+			
+			<div class="dropdown">
+				<span><a href="#poke">more pok&#233;mon&trade;</a></span>
+				<div class="dropdown-content">
+					<a href="#pokedex">complete pok&#233;dex</a>
+					<a href="#wiki">mew wiki</a>
+					<a href="#showdown">pok&#233;mon&trade; showdown</a>
+				</div>
+			</div><!--end of 'poke' dropdown-->
+			
+			<a href="#rupoke">more rutgers and pok&#233;mon&trade;</a>
+		</nav>
+
+		<section id="more-ru">
+			<h2>More RU</h2>
+
+			<h3 id="rare"><a href="https://rutgersrarities.com/" target="_blank">Rutgers Rarities</a></h3>
+			<p>
+				Are you interested in all things supernatural at <a href="https://newbrunswick.rutgers.edu/" target="_blank">Rutgers University</a>? Rutgers Rarities has got you covered! This site showcases over 45 stories investigating <a href="https://rutgersrarities.com/2021/02/15/the-haunted-winery-of-bound-brook/" target="_blank">hauntings</a>, <a href="https://rutgersrarities.com/2021/02/14/animal-sightings-on-campus/" target="_blank">weird animals</a>, and <a href="https://rutgersrarities.com/2021/02/14/the-no-bell-tower-or-whos-got-the-biggest-ping-pong-balls-of-all/" target="_blank">old abandoned buildings</a> on campus. 
+			</p>
+
+			<h3 id="med"><a href="https://rutgersthemedium.wordpress.com/" target="_blank">The Medium</a></h3>
+			<p>
+				The Medium is a satirical <q>news</q> outlet created by Rutgers students, similar to <a href="https://www.theonion.com/" target="_blank">The Onion</a> These articles are usually comedically critical of the academic institution which the writers attend, and some are entirely unrelated and focus on pop-culture. 
+			</p>
+
+			<h3 id="dt"><a href="https://dailytargum.com/" target="_blank">The Daily Targum</a></h3>
+			<p>
+				If you're looking for real news and insight on Rutgers written by students, look no further than the Daily Targum! The Daily Targum is actually the second-oldest college new organization (<a href="https://dailytargum.com/page/about" target="_blank">founded in 1869</a>) and one of the largest. The website has a wide variety of article topics, ranging from <a href="https://dailytargum.com/section/news" target="_blank">news</a>, <a href="https://dailytargum.com/section/sports" target="_blank">sports</a>, <a href="https://dailytargum.com/section/opinions" target="_blank">opinion pieces</a>, and <a href="https://dailytargum.com/section/inside-beat" target="_blank">more</a>! There is a <a href="https://dailytargum.com/section/humans-of-rutgers" target="_blank">photo gallery section</a> displaying the vastly diverse community at Rutgers.
+			</p>
+
+			<h3 id="her"><a href="https://www.hercampus.com/school/rutgers/" target="_blank">Her Campus--Rutgers</a></h3>
+			<p>
+				Her Campus is a media platform devoted to empowering college women globally. It was <a href="https://www.hercampusmedia.com/about" target="_blank">founded by and for college women</a> and centers on the unique experience of navigating this transformative stage of life. According to their <a href="https://en.wikipedia.org/wiki/Her_Campus#:~:text=As%20of%202024%2C%20Her%20Campus,more%20than%207%2C500%20chapter%20members." target="_blank">Wikipedia page</a>, <q>As of 2024, Her Campus Chapter Network consists of more than 380 chapters worldwide, with more than 7,500 chapter members,</q> including Rutgers University! Additionally, the site has even featured articles relating to Pokémon as well (read <a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Top 5 Pok&#233;mon&trade; GO Hot Spots on College Avenue</a>).
+			</p>
+
 		</section>
-		
+
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+		</nav>
+
+		<section id="poke">
+			<h2>More Mew and other Pok&#233;mon&trade;</h2>
+
+			<h3 id="pokedex"><a href="https://pokemondb.net/pokedex/all" target="_blank">Complete Pok&#233;mon&trade; Pok&#233;dex</a></h3>
+			<p>
+				For those interested in learning more about any Pok&#233;mon from the 9 generations, check out this database, which is complete with each of their main stats. The database is by default listed in numeric order from 0001 to 1025, and be switched to reverse order. There's also an option to sort by type.  
+			</p>
+
+			<h3 id="wiki"><a href="https://bulbapedia.bulbagarden.net/wiki/Mew_(Pok%C3%A9mon)" target="_blank">Bulbagarden--Mew Wiki</a></h3>
+			<p>
+				Do you want to know more about Mew? This page covers a very in-depth, comprehensive biography on Mew. The site also has detailed information on other Pokémon, with a <a href="https://bulbapedia.bulbagarden.net/wiki/List_of_Pok%C3%A9mon_by_National_Pok%C3%A9dex_number" target="_blank">list of Pok&#233;mon by Nation Pok&#233;dex number</a>.
+			</p>
+
+			<h3 id="showdown"><a href="https://pokemonshowdown.com/" target="_blank">Pok&#233;mon&trade; Showdown</a></h3>
+			<p>
+				Have you ever wanted to compete in a Pok&#233;mon battle? Pok&#233;mon Showdown can make your dreams come true! This site virtual simulates battles which can be played in browser or as a desktop application.
+			</p>
+		</section>
+
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+		</nav>
+
+		<section id="rupoke">
+			<h2>More Rutgers and Pok&#233;mon&trade;</h2>
+			<h3><a href="https://rutgers.campuslabs.com/engage/organization/rutgerspokemon" target="_blank">getINVOLVED--Rutgers Pok&#233;mon&trade; Club</a></h3>
+			<p>
+				Did you know Rutgers New Brunswick has a Pok&#233;mon club? The organization serves as a network for students with a strong interest in Pok&#233;mon, by creating discussion forums, debates, and a space for Pok&#233;mon fanatics to bond.
+			</p>
+			<h3><a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Her Campus--Rutgers Pok&#233;mon&trade; Article</a></h3>
+			<p>
+				Rutgers Alumni, Class of 2019, Keoni Nguyen, wrote this article to share the
+				<a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Top 5 Pok&#233;mon&trade; GO Hot Spots on College Avenue</a>. Keoni has also written many <a href="https://www.hercampus.com/author/keoni-nguyen/" target="_blank">other excellent articles</a> for the <a href="https://www.hercampus.com/school/rutgers/" target="_blank">Her Campus chapter at Rutgers</a>.
+			</p>
+		</section>
+
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+			<a href="./about">about</a>
+			<a href="./reviews">reviews</a>
+			<a href="./gallery.html">gallery</a>
+		</nav>
 	</main><!--main ends-->
 	
 	</div><!--wrapper ends-->
diff --git a/gallery.html b/gallery.html
index c7ce0c5..1c4b7b0 100644
--- a/gallery.html
+++ b/gallery.html
@@ -27,7 +27,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,71 +35,119 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
-			<h1 class="main-header">photo gallery</h1>
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
+			<h1 class="main-header" id="gal">photo gallery</h1>
 		</section><!--end of ru-title-->
 		
 		<section class="showcase">
 
-			<div class="flex-gallery">
-				
-				<figure>
-					<img src="images/tea2.jpg" alt="picture" width="200px"/>
-					<figcaption>chai from khyber</figcaption>
-				</figure><!--figure ends-->
-				<figure>
-					<img src="images/tea1.jpg" alt="tea pot with two cups of chair and a small vase of flowers" width="200px"/>
-					<figcaption>chai from khyber</figcaption>
-				</figure><!--figure ends-->
-				<figure>
-					<img src="images/khyber.jpg" alt="inside of khyber coffee and tea" width="200px"/>
-					<figcaption>inside of khyber</figcaption>
-				</figure><!--figure ends-->	
-				
-				
-				<figure>
-					<img src="images/bug-sticker.jpg" alt="picture" width="200px"/>
-					<figcaption>animal sticker</figcaption>
-				</figure><!--figure ends-->	
-				
-				<figure>
-					<img src="images/harvest1.jpg" alt="picture" width="200px"/>
-					<figcaption>harvest cafe meal</figcaption>
-				</figure><!--figure ends-->
-				<figure>
-					<img src="images/mew-smoothie.jpg" alt="mew next to purple smoothie" width="200px"/>
-					<figcaption>harvest cafe smoothie</figcaption>
-				</figure><!--figure ends-->
-				
-				<figure>
-					<img src="images/mew-radreads.jpeg" alt="radical readings book club group photo with mew at the bottom right" width="200px"/>
-					<figcaption>radical reads book club</figcaption>
-				</figure><!--figure ends-->
-				
-				<figure>
-					<img src="images/comp-mew.jpg" alt="mew on top of a laptop" width="200px"/>
-					<figcaption>mew computing</figcaption>
-				</figure><!--figure ends-->
-				
+			<div>
+				<h2 id="khyber" class="gallery-title">inside of khyber coffee &#38; tea</h2>
+				<p>
+					Khyber Coffee &#38; Tea is a cozy cafe located in downtown New Brunswick. I took these photos when visiting. The first two photos are of a small pot of hot chai, served with two petite glass cups. Interestingly, the kettle is placed on a metal circle that holds a candle underneath it, to maintain heat. For more detail on Khyber, you can read my review of it <a href="./rev2">here</a>.
+				</p>
+				<div class="flex-gallery">
+					<figure>
+						<img src="images/tea2.jpg" alt="picture" width="200px"/>
+						<figcaption>chai from khyber</figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/tea1.jpg" alt="tea pot with two cups of chair and a small vase of flowers" width="200px"/>
+						<figcaption>chai from khyber</figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/khyber.jpg" alt="inside of khyber coffee and tea" width="200px"/>
+						<figcaption>inside of khyber</figcaption>
+					</figure><!--figure ends-->	
+				</div><!--end of khyber-->
+
+				<h2 id="harvest" class="gallery-title">phone eats first at harvest cafe</h2>
+				<p>
+					<a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a> is a cafeteria located on Douglas Campus in the <a href="https://maps.rutgers.edu/#/?click=true&selected=6432" target="_blank">Institute for Food Nutrition and Health</a>. The food here is made fresh and right in front of you! The chefs exhibit their culinary talents here on a daily basis. Harvest offers a wide variety of delicious food from a frequently changing menu, ranging from noodle soups to freshly made smoothies. There are also prepackaged fresh sandwiches that you can take home to enjoy later. One meal swipe can get you an entrée with a side and a drink, or a smoothie with a side. Not only is the food from Harvest Cafe incredibly delicious, it is also quite aesthetically pleasing! The first image is from my first time at Harvest Cafe. I got <a href="https://www.cookwithmanali.com/palak-paneer/" target="_blank">palak paneer</a> as my entrée, with a chocolate cookie as my side and iced coffee to drink. My second meal at Harvest was lentils and rice, with an oatmeal raisin cookie and passion fruit iced tea. During my second visit, I also got the purple sky smoothie, which contains lots of berries and antioxidants.
+				</p>
+				<div class="flex-gallery">
 					
-	
-			</div><!--ends of flex gallery-->
+					<figure>
+						<img src="images/harvest1.jpg" alt="picture" width="200px"/>
+						<figcaption>harvest cafe meal</figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/harvest2.jpg" alt="picture" width="200px"/>
+						<figcaption>harvest cafe meal</figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/mew-smoothie.jpg" alt="mew next to purple smoothie" width="200px"/>
+						<figcaption>harvest cafe smoothie</figcaption>
+					</figure><!--figure ends-->
+				</div><!--end of harvest-->
+				
+				<h2 id="campuses" class="gallery-title">exploring different campuses</h2>
+				<p>
+					I love exploring the different campuses at Rutgers! Each campus has a very distinguishable vibe and offers unique experiences. My personal favorite is the <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">College Ave</a> campus, mostly because there are so many parties and good places to eat there! Below, the first image is from my <a href="./rev1">review</a> of the <a href="https://it.rutgers.edu/new-brunswick/new-brunswick-computer-labs/college-ave-computer-center-lab/" target="_blank">Academic Building East Computer Lab</a>. The second image is of a sticker that I discovered while walking around on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">Cook-Douglas</a> after eating at <a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a>. The third one was taken on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">Busch Campus</a>, at the <a href="https://prcc.rutgers.edu/" target="_blank">Paul Robe Cultural Center</a>, after a book club meeting with <em>Radical Reads</em>. 
+				</p>
+
+				<div class="flex-gallery">
+					<figure>
+						<img src="images/comp-mew.jpg" alt="mew on top of a laptop" width="200px"/>
+						<figcaption>mew at  the <a href="./rev1">academic building east</a></figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/bug-sticker.jpg" alt="picture" width="200px"/>
+						<figcaption>animal sticker found on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">cook doug</a></figcaption>
+					</figure><!--figure ends-->	
+					<figure>
+						<img src="images/mew-radreads.jpeg" alt="radical readings book club group photo with mew at the bottom right" width="200px"/>
+						<figcaption>mew with radical reads book club at the <a href="https://prcc.rutgers.edu/" target="_blank">PRCC</a></figcaption>
+					</figure><!--figure ends-->
+				</div><!--end of small photos-->
+
+				<p>
+
+				</p>
+				<div class="flex-gallery">
+					<figure>
+						<img src="images/hellokitty-busch.jpg" alt="hello kitty with a palestinian flag sticker on a yellow pole" width="200px"/>
+						<figcaption>hello kitty sticker on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">busch campus</a></figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/mew-aacc.jpg" alt="mew plushie on a table at the aacc" width="200px"/>
+						<figcaption>mew at the <a href="https://aacc.rutgers.edu/" target="_blank">AACC</a> on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/livingston-campus" target="_blank">livingston campus</a></figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/demarest.jpg" alt="graffiti of white rabbbit and snoopy in a yellow puffer jacket" width="200px"/>
+						<figcaption>in the <a href="https://www.instagram.com/demaresthallevents/" target="_blank">demarest hall</a> basement</figcaption>
+					</figure><!--figure ends-->
+					<figure>
+						<img src="images/bartlet-st.jpg" alt="yellow street sign that says melty heart ahead" width="200px"/>
+						<figcaption>bartlet st & <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">college ave</a> intersection</figcaption>
+					</figure><!--figure ends-->
+				</div><!--end of "exploring"-->
+
+			</div><!--ends of gallery-->
 			
 			<figure class="center">
 				<img src="images/mew-tree.jpeg" alt="mew resting on a tree branch"  id="mew-tree"/>
-				<figcaption>voorhees mall tree</figcaption>
+				<figcaption id="mew-tree">mew resting on a tree in <a href="https://grid.rutgers.edu/voorhees-mall-xr-campus-tour" target="_blank">voorhees mall</a></figcaption>
 			</figure><!--figure ends-->	
 			
-			
-			<h2>Our Photographer</h2>
+			<h2>Our Photographer—Oshawott</h2>
 			<figure class="alignleft">
-				<img src="images/psyduck-cam.jpg" alt="psyduck taking a picture with a digital camera" height="200px"/>
+				<img src="images/oshawott.jpg" alt="oshawott" height="195px" class="rcorners"/>
 				<figcaption></figcaption>
 			</figure>
 			<p>
-				Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Sed egestas egestas fringilla phasellus faucibus. Ut pharetra sit amet aliquam id. Congue eu consequat ac felis donec et. Est lorem ipsum dolor sit. Faucibus interdum posuere lorem ipsum dolor sit. A scelerisque purus semper eget duis at tellus at. Morbi quis commodo odio aenean sed adipiscing diam donec. Posuere sollicitudin aliquam ultrices sagittis. Gravida arcu ac tortor dignissim convallis aenean. Tortor pretium viverra suspendisse potenti nullam ac. Sem fringilla ut morbi tincidunt augue. Venenatis a condimentum vitae sapien. Tincidunt nunc pulvinar sapien et ligula.
+				As our team's talented photographer, Oshawott has a keen eye for capturing stunning visuals that play a crucial role in bringing our project to life. Each image he takes carries a piece of our story, and his talent ensures that they are communicated effectively to our audience. His work is not just about clicking the shutter at the right moment. It's about understanding the story we want to tell and finding the perfect way to visually convey it. 
 			</p>
 		</section><!--showcase ends-->
 		
+		<nav class="page-nav">
+			<a href="#">back to top</a>
+			<a href="#gal">gallery</a>
+			<a href="#khyber">khyber photos</a>
+			<a href="#harvest">harvest cafe</a>
+			<a href="#campuses">different campuses</a>
+		</nav><!--end of page nav-->
+
 	</main><!--main ends-->
 	
 	</div><!--wrapper ends-->
diff --git a/index.html b/index.html
index 4733332..6e477eb 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<title>RU Mew</title>
+	<title>home</title>
+	<script src="https://kit.fontawesome.com/92a3acb202.js" crossorigin="anonymous"></script>
 	<link rel="stylesheet" href="style.css">
 	<link rel="icon" type="image/x-icon" href="images/SVG/site-logo.svg">
 
@@ -27,7 +28,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,6 +36,7 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
 			<h1 class="main-header">explore the site!</h1>
 		</section>
 
@@ -46,7 +48,8 @@ <h1 class="main-header">explore the site!</h1>
 					<a href="./about"><h2>about</h2></a>
 					<figure>
 						<img src="images/mew-small.png" alt="mew" height="150px">
-						<figcaption>learn more about RU Mew</figcaption>
+						<figcaption class="credit">image by <a href="https://www.deviantart.com/tails19950/gallery" target="_blank">Tails19950</a> via <a href="https://www.deviantart.com/tails19950/art/151-Mew-v-2-202081436" target="_blank">deviant art</a></figcaption>
+						<figcaption>learn more about us</figcaption>
 					</figure>
 				</div><!--showcase item ends-->
 				
@@ -55,6 +58,7 @@ <h1 class="main-header">explore the site!</h1>
 					</a>
 					<figure>
 						<img  src="images/latte.png" alt="cartoon latte with a smiley face on the mug" height="150px">
+						<figcaption class="credit">image by <a href="https://pngtree.com/divyadaddy_30938153?type=1" target="_blank">Divyadaddy</a> via <a href="https://pngtree.com/freepng/coffee-latte-cartoon_8442013.html" target="_blank">PNGtree</a></figcaption>
 						<figcaption>read the <a href="./rev2">latest review</a>!</figcaption>
 					</figure>
 				</div><!--showcase item ends-->
@@ -64,14 +68,21 @@ <h1 class="main-header">explore the site!</h1>
 					</a>
 					<figure>
 							<img src="images/camera.png" alt="cartoon polaroid camera" height="115px" id="cam-photo">
-							<figcaption>look at photos of mew</figcaption>
+							<figcaption class="credit">image by <a href="https://www.cleanpng.com/users/@monzale.html" target="_blank">monzale</a> via <a href="https://www.cleanpng.com/png-instant-camera-polaroid-corporation-photography-ca-667145/" target="_blank">CleanPNG</a></figcaption>
+							<figcaption>browse our photos</figcaption>
 					</figure>
 				</div><!--showcase item ends-->
 				
 			</div><!--showcase container ends-->
 			
 		</section><!---->
-		
+		<h1 class="main-header">What is RU Mew?</h1>
+		<h4 class="subheader">Excellent Question...</h4>
+		<p>
+			RU Mew is a collaborative project that combines the talents of a team of passionate and dedicated individuals, each with their own unique skills and expertise. The project is focused on developing engaging and immersive content that provides insight into the world of Rutgers University-New Brunswick, as told from my perspective as the <a href="#mew">author and creator, Mew</a>.
+			<br><br>
+			At the heart of RU Mew is the belief in the power of storytelling. Our goal is to construct narratives through the Mew Reviews that encapsulate the essence of being here at the largest college in New Jersey. Whether it's through the vivid images captured by our talented <a href="#oshawott">photographer Oshawott</a>, the aesthetically pleasing and user-friendly site brought to life by our <a href="#jirachi">web designer Jirachi</a>, or the eloquently articulated content refined by our meticulous <a href="#snorlax">editor Snorlax</a>, every element of our work is thoughtfully crafted to tell a story.
+		</p><!--end of 'what' p-->
 	</main><!--main ends-->
 	
 	</div><!--wrapper ends-->
diff --git a/rev1.html b/rev1.html
index 590d788..230acc5 100644
--- a/rev1.html
+++ b/rev1.html
@@ -4,6 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<title>RUWireless Not-So-Secure </title>
+	<script src="https://kit.fontawesome.com/92a3acb202.js" crossorigin="anonymous"></script>
 	<link rel="stylesheet" href="style.css">
 	<link rel="icon" type="image/x-icon" href="images/SVG/site-logo.svg">
 
@@ -27,7 +28,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,6 +36,7 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
 			<h1 class="main-header rev-title" id="start">RUWireless Not-So-Secure</h1>
 		</section><!--end of ru-title-->
 		
@@ -45,8 +47,17 @@ <h1 class="main-header rev-title" id="start">RUWireless Not-So-Secure</h1>
 		</figure>
 
 		<p>
-			<h4 class="date">Tuesday March 6th, 2024</h4>&emsp;
-			This week’s Mew Review is on the <a href="https://it.rutgers.edu/new-brunswick/new-brunswick-computer-labs/college-ave-computer-center-lab/" target="_blank">Academic Building East Computer Lab</a>. As implied, the computer lab is on the first floor of the <a href="https://maps.rutgers.edu/#/?lat=40.501929&lng=-74.448113&selected=3198&sidebar=true&underConstructionState=true&zoom=18" target="_blank">Academic Building East</a>, which lies between the <a href="https://dcs.rutgers.edu/about-dcs/dcs-news/rutgers-academic-building-classrooms" target="_blank">Academic Building West</a> and the <a href="https://honorscollege.rutgers.edu/" target="_blank">Honors College</a>. All of these buildings are located on the College Ave campus of <a href="https://newbrunswick.rutgers.edu/" target="_blank">Rutgers University-New Brunswick</a>–which is not affiliated with RUMew
+			<h4 class="date">Tuesday March 6th, 2024</h4>
+			<br>
+			<strong>mew's rating: </strong>
+			<span>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star-half-stroke"></i>
+				<i class="fa-regular fa-star"></i>
+			</span>&emsp;
+			This week's Mew Review is on the <a href="https://it.rutgers.edu/new-brunswick/new-brunswick-computer-labs/college-ave-computer-center-lab/" target="_blank">Academic Building East Computer Lab</a>. As implied, the computer lab is on the first floor of the <a href="https://maps.rutgers.edu/#/?lat=40.501929&lng=-74.448113&selected=3198&sidebar=true&underConstructionState=true&zoom=18" target="_blank">Academic Building East</a>, which lies between the <a href="https://dcs.rutgers.edu/about-dcs/dcs-news/rutgers-academic-building-classrooms" target="_blank">Academic Building West</a> and the <a href="https://honorscollege.rutgers.edu/" target="_blank">Honors College</a>. All of these buildings are located on the College Ave campus of <a href="https://newbrunswick.rutgers.edu/" target="_blank">Rutgers University-New Brunswick</a>–which is not affiliated with RU Mew.
 		</p>
 		
 		<p>
diff --git a/rev2.html b/rev2.html
index 268eca3..bc93ab5 100644
--- a/rev2.html
+++ b/rev2.html
@@ -4,6 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<title>Cozy Cafe on Church Street</title>
+	<script src="https://kit.fontawesome.com/92a3acb202.js" crossorigin="anonymous"></script>
 	<link rel="stylesheet" href="style.css">
 	<link rel="icon" type="image/x-icon" href="images/SVG/site-logo.svg">
 
@@ -27,7 +28,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,6 +36,7 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
 			<h1 class="main-header rev-title" id="start">Cozy Cafe on Church Street</h1>
 		</section><!--end of ru-title-->
 		
@@ -42,15 +44,22 @@ <h1 class="main-header rev-title" id="start">Cozy Cafe on Church Street</h1>
 		
 		<figure class="alignright">
 			<img src="images/khyber.jpg" alt="inside of khyber coffee & tea cafe" height="200px">
-			<figcaption>inside of khyber coffe &#38; tea
-			</figcaption>
 		</figure>
 		<p>
-			<h4 class="date">Monday March 18th, 2024</h4>&emsp; 
+			<h4 class="date">Monday March 18th, 2024</h4> 
+			<br>
+			<strong>mew's rating: </strong>
+			<span>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+				<i class="fa-solid fa-star"></i>
+			</span>&emsp;
 			On a brisk and windy Monday afternoon, I stumbled upon a quaint cafe tucked around the corner off of George Street. Bushels of flowers dangled from the ceilings, matching the neat bouquets on each table. A banner with the expression <em>Ramadan Mubarak</em> (meaning <q>Blessed Ramadan,</q> a greeting shared during the <a href="https://ing.org/resources/for-all-groups/calendar-of-important-islamic-dates/ramadan-information-sheet/" target="_blank">holy month of fasting</a>) draped across the wall. As I approached the counter to order, I admired the delicious treats displayed behind a glass wall.
 		</p>
 		<p>
-			This somewhat hidden gem of Downtown New Brunswick is known as Khyber Coffee  &#38; Tea House, and it is located at 110 Church Street. As stated on the <a href="https://www.drinkkhyber.com/our-story" target="_blank">cafe’s website</a>, the name Khyber refers to the <a href="https://en.wikipedia.org/wiki/Khyber_Pass" target="_blank">Khyber Pass</a>—the same Khyber as referred to in <a href="https://youtu.be/nSWy2L5qVBM?si=Lp2X2o6Ch1Q77m2C" target="_blank"><q>Up the Khyber</q></a> by Pink Floyd (1969). This is a historically significant mountain pass that connects the <a href="https://en.wikipedia.org/wiki/Khyber_Pakhtunkhwa" target="_blank">Khyber Pakhtunkhwa</a>, a province of Pakistan, to Afghanistan and represents centuries of exchange in trade, culture, faith, and ideas. Interestingly enough, along the historical trade routes of the Khyber Pass, people often exchanged coffee and tea. The meaning behind the cafe’s name is quite fitting.
+			This somewhat hidden gem of Downtown New Brunswick is known as Khyber Coffee  &#38; Tea House, and it is located at 110 Church Street. As stated on the <a href="https://www.drinkkhyber.com/our-story" target="_blank">cafe's website</a>, the name Khyber refers to the <a href="https://en.wikipedia.org/wiki/Khyber_Pass" target="_blank">Khyber Pass</a>—the same Khyber as referred to in <a href="https://youtu.be/nSWy2L5qVBM?si=Lp2X2o6Ch1Q77m2C" target="_blank"><q>Up the Khyber</q></a> by Pink Floyd (1969). This is a historically significant mountain pass that connects the <a href="https://en.wikipedia.org/wiki/Khyber_Pakhtunkhwa" target="_blank">Khyber Pakhtunkhwa</a>, a province of Pakistan, to Afghanistan and represents centuries of exchange in trade, culture, faith, and ideas. Interestingly enough, along the historical trade routes of the Khyber Pass, people often exchanged coffee and tea. The meaning behind the cafe's name is quite fitting.
 		</p>
 		<figure class="alignleft">
 			<img src="images/tea1.jpg" alt="tea pot and flowers on a wooden tray" height="200px">
diff --git a/rev3.html b/rev3.html
index 7a599b0..f6e3e51 100644
--- a/rev3.html
+++ b/rev3.html
@@ -25,7 +25,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -33,6 +33,7 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href=https://www.pngmart.com/image/377265 target="_blank">PNG mart</a></p>
 			<h1 class="main-header rev-title" id="start">Harvesting Deliciousness</h1>
 		</section><!--end of ru-title-->
 		
@@ -44,21 +45,24 @@ <h1 class="main-header rev-title" id="start">Harvesting Deliciousness</h1>
 		</figure>
 		<p>
 			<h4 class="date">Monday March 25th, 2024</h4>&emsp; 
-			On a brisk and windy Monday afternoon, I stumbled upon a quaint cafe tucked around the corner off of George Street. Bushels of flowers dangled from the ceilings, matching the neat bouquets on each table. A banner with the expression <em>Ramadan Mubarak</em> (meaning <q>Blessed Ramadan,</q> a greeting shared during the <a href="https://ing.org/resources/for-all-groups/calendar-of-important-islamic-dates/ramadan-information-sheet/" target="_blank">holy month of fasting</a>) draped across the wall. As I approached the counter to order, I admired the delicious treats displayed behind a glass wall.
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 		</p>
 		<p>
-			This somewhat hidden gem of Downtown New Brunswick is known as Khyber Coffee  &#38; Tea House, and it is located at 110 Church Street. As stated on the <a href="https://www.drinkkhyber.com/our-story" target="_blank">cafe’s website</a>, the name Khyber refers to the <a href="https://en.wikipedia.org/wiki/Khyber_Pass" target="_blank">Khyber Pass</a>—the same Khyber as referred to in <a href="https://youtu.be/nSWy2L5qVBM?si=Lp2X2o6Ch1Q77m2C" target="_blank"><q>Up the Khyber</q></a> by Pink Floyd (1969). This is a historically significant mountain pass that connects the <a href="https://en.wikipedia.org/wiki/Khyber_Pakhtunkhwa" target="_blank">Khyber Pakhtunkhwa</a>, a province of Pakistan, to Afghanistan and represents centuries of exchange in trade, culture, faith, and ideas. Interestingly enough, along the historical trade routes of the Khyber Pass, people often exchanged coffee and tea. The meaning behind the cafe’s name is quite fitting.
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.		
 		</p>
 		<figure class="alignright">
 			<img src="images/mew-smoothie.jpg" alt="mew with a smoothie" height="200px">
 			<figcaption>mew with a smoothie</figcaption>
 		</figure>
 		<p>
-			From my other visits here, I have noticed that the customers tend to gather in groups, whether that be families with small children, or graduate students studying for exams. The atmosphere is lively and welcoming. Khyber is open late most nights, and it can get very crowded and loud with laughter and overlapping conversations. My most recent visit was on a Monday afternoon around 1 PM, and the environment was much calmer, and there were fewer people.
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.		
 		</p>
-			
+		<figure class="alignleft">
+			<img src="images/harvest2.jpg" alt="bowl of food and a cookie" height="200px">
+			<figcaption>second meal at harvest</figcaption>
+		</figure>
 		<p>
-			Khyber Coffe  &#38; Tea House is a bit of a walk from campus, but it is not too far. Additionally, like many places that <a href="https://www.drinkkhyber.com/menu" target="_blank">serve yummy drinks</a>, it can be a little pricy. It is important to note that this is a new, small, independent business, and unless like large corporate coffee shops, you can taste the care that goes into it. Overall, Khyber is an excellent cafe. The combination of fresh hot chai and cozy interior decoration is very comforting.
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.		
 		</p>
 		</section><!--review ends-->
 		
diff --git a/reviews.html b/reviews.html
index 2ff85ee..14d24fd 100644
--- a/reviews.html
+++ b/reviews.html
@@ -3,7 +3,9 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<title>Mew Reviews</title>
+	<title>mew reviews</title>
+	<script src="https://kit.fontawesome.com/92a3acb202.js" crossorigin="anonymous"></script>
+
 	<link rel="stylesheet" href="style.css">
 	<link rel="icon" type="image/x-icon" href="images/SVG/site-logo.svg">
 
@@ -27,7 +29,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -35,46 +37,76 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
+			
 			<h1 class="main-header">read mew's reviews!!!</h1>
 			<h2 class="subtitle">this is the bread and butter of the site.</h2>
 		</section><!--end of ru-title-->
 		
-		
-		<article>
-			<a href="./rev1"><h2>RUWireless Not-So-Secure</h2></a>
-			<div class="article-container">
-				<figure class="alignright">
-					<img src="images/computer.png" alt="desktop computer" height="150px">
-				</figure>
-				<p>
-					<time datetime="2024-03-06" class="date">March 6, 2024</time>&emsp;This week’s Mew Review is on the Academic Building East Computer Lounge. As implied, the computer lounge is on the first floor of the Academic Building East, which lies between the Academic Building West and <a href="./rev1#start">...continue reading</a>
-				</p>
-			</div>
-		</article><!--end of review 1-->
-		
-		<article>
-			<a href="./rev2"><h2>Cozy Cafe on Church Street</h2></a>
-			<div class="article-container">
-			<figure class="aligleft">
-				<img src="images/latte.png" alt="cartoon latte with a smiley face on the mug" height="150px" >
-			</figure>
-			<p>
-				<time datetime="2024-03-18" class="date">March 18, 2024</time>&emsp;On a brisk and windy Monday afternoon, I stumbled upon a quaint cafe tucked around the corner off of George Street. Bushels of flowers dangled from the ceilings, matching the neat bouquets on each table <a href="./rev2#start">...continue reading</a>
-			</p>
-			</div>
-		</article><!--end of review 2-->
-		
-		<article>
-			<a href="./rev3"><h2>Harvesting Deliciousness</h2></a>
-			<div class="article-container">
-			<figure class="aligleft">
-				<img src="images/sandwich.png" alt="cartoon sandwich with a olives as eyes" height="150px" >
-			</figure>
-			<p>
-				<time datetime="2024-03-21" class="date">March 21, 2024</time>&emsp;On a brisk and windy Monday afternoon, I stumbled upon a quaint cafe tucked around the corner off of George Street. Bushels of flowers dangled from the ceilings, matching the neat bouquets on each table <a href="./rev3#start">...continue reading</a>
-			</p>
-			</div>
-		</article><!--end of review 2-->
+		<section id="articles">
+			<article> 
+				
+				<a href="./rev1"><h2>RUWireless Not-So-Secure</h2></a>
+				<div class="article-container">
+					<figure class="alignright">
+						<img src="images/computer.png" alt="desktop computer" width="150px">
+						<figcaption class="credit">image by unknown via <a href="https://www.vexels.com/png-svg/preview/283663/retro-purple-computer" target="_blank">vexels</a></figcaption>
+					</figure>
+					<p>
+						<time datetime="2024-03-06" class="date">March 6, 2024</time>&emsp;This week's Mew Review is on the Academic Building East Computer Lab. As implied, the computer lab is on the first floor of the Academic Building East, which lies between the Academic Building West and the Honors College. All of these buildings are located on the College Ave campus of Rutgers University <a href="./rev1#start">...continue reading</a>&emsp;<strong>mew's rating:</strong>
+						<span>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star-half-stroke"></i>
+							<i class="fa-regular fa-star"></i>
+						</span>
+					</p>
+				</div>
+			</article><!--end of review 1-->
+			
+			<article>
+				<a href="./rev2"><h2>Cozy Cafe on Church Street</h2></a>
+				<div class="article-container">
+					<figure class="alignleft">
+						<img src="images/latte.png" alt="cartoon latte with a smiley face on the mug" width="150px" >
+						<figcaption class="credit">image by <a href="https://pngtree.com/divyadaddy_30938153?type=1" target="_blank">Divyadaddy</a> via <a href="https://pngtree.com/freepng/coffee-latte-cartoon_8442013.html" target="_blank">PNGtree</a></figcaption>					
+					</figure>
+					<p>
+						<time datetime="2024-03-18" class="date">March 18, 2024</time>&emsp;On a brisk and windy Monday afternoon, I stumbled upon a quaint cafe tucked around the corner off of George Street. Bushels of flowers dangled from the ceilings, matching the neat bouquets on each table. A banner with the expression <em>Ramadan Mubarak</em> <a href="./rev2#start">...continue reading</a>&emsp;<strong>mew's rating: </strong>
+						<span>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+							<i class="fa-solid fa-star"></i>
+						</span>
+					</p>
+				</div>
+			</article><!--end of review 2-->
+			
+			<!--<article>
+				<a href="./rev3"><h2>Harvesting Deliciousness</h2></a>
+				<div class="article-container">
+					<figure class="alignright">
+						<img src="images/sandwich.png" alt="cartoon sandwich with a olives as eyes" height="150px" >
+						<figcaption class="credit">image by unknown via <a href="https://www.vexels.com/png-svg/preview/254183/crazy-sandwich-food-character-cartoon" target="_blank">vexels</a>
+						</figcaption>
+					</figure>
+					<p>
+						<time datetime="2024-03-25" class="date">March 25, 2024</time>&emsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <a href="./rev3#start">...continue reading</a>
+					</p>
+				</div>
+			</article>--><!--end of review 3-->
+		</section><!--end of 'articles' section-->
+	
+		<!--<section id="micros">
+			<h1>micro-reviews</h1>
+			<h2>more RU</h2>
+			<h2>more Mew and other Pok&#233;mon&trade;</h2>
+			<h2>more </h2>
+		</section>-->
+		<!--end of 'micros' section-->
 		
 		<nav class="page-nav">
 			<a href="#">back to top</a>
diff --git a/shell.html b/shell.html
index de43911..907d81b 100644
--- a/shell.html
+++ b/shell.html
@@ -28,7 +28,7 @@
 	<main>
 		<section class="lead spacing">
 			<h1 class = "primary-statement">mew reviews of RU</h1>
-			<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
+			<p class="secondary">delve into the <em>mew</em>-niverse</p>
 			
 			<div class="lead-display">
 				<p></p> 
@@ -36,6 +36,8 @@ <h1 class = "primary-statement">mew reviews of RU</h1>
 		</section>
 		<section class="ru-title">
 			<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
+			<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
+
 			<h1 class="main-header">shell </h1>
 		</section>
 		
diff --git a/style.css b/style.css
index 4b782ce..f39984c 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,6 @@
 @charset "utf-8";
 /* CSS Document for RU Mew*/
 *{}
-
 body {
 	margin: 0;
     padding: 0;
@@ -57,7 +56,7 @@ div{
 }
 /*header*/
 .site-header{
-	background-color: #D4E299;
+	background-color: #cfeb8d; /* old color: #D4E299 */
 	width: 100%;
 	padding-top: 50px;
 	padding-bottom: 75px;
@@ -74,7 +73,7 @@ footer p{
 }
 /*headers*/
 h1, h2, h3, h4, h5, h6{
-	font-family: "Franklin Gothic Bold", "Arial Black", "sans-serif";
+	font-family: "Franklin Gothic Bold", "Arial Black";
 }
 h1 {
 	text-align: center;	
@@ -121,7 +120,14 @@ h1 {
 	vertical-align: baseline;
 }
 .showcase-item{
-	display: run-in;
+	display: flex;
+	flex-flow: wrap;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+	vertical-align: middle;
+    column-width: 250px;
+	max-width: 250px;
 }
 #cam-photo{
 	padding-top: 15px;
@@ -148,6 +154,7 @@ h1 {
 	gap: 2rem 4rem; /*2rem between rows, 4rem between cols*/
 	align-items: center;
 }
+/*grid display for team profiles*/
 .profile-container-3{
 	display: grid;
 	gap: 1rem 2rem; 
@@ -171,27 +178,22 @@ h1 {
 	align-items: center;
 	border-radius: 15px; 
 }
-.profile-container-3 .profile-port{
-	/*background-color: rgb(187, 227, 239);*/
-}
 .profile-container-3 .profile-bio{
 	background-color: rgb(187, 227, 239);
-	/*background-color: #c9ece2;*/
-	border-radius: 15prgb(199, 229, 204)
+	/*rgb(199, 229, 204);*/
+	border-radius: 15px; 
 	border: 5px solid;
 	border-color: rgb(187, 227, 239);
-	/*border-color: #c9ece2;*/
 }
-.profile-bio{
-	background-color: orange;
+.profile-container-4 .profile-bio{
 	border-radius: 15px; 
+	background-color: orange;
 	border: 5px solid orange;
 }
 .profile-bio p{
-	margin-top: 0;
+	margin: 0px 5px;
 }
-
-
+/*grid area code names for tesma*/
 .mew-port{
 	grid-area: mewp;
 }
@@ -205,7 +207,6 @@ b
 .psy-bio{
 	grid-area: psyb;
 }
-
 .jira-port{
 	grid-area: jirap;
 }
@@ -218,6 +219,8 @@ b
 .mud-bio{
 	grid-area: mudb;
 }
+
+/*grid display for collaborations*/
 .profile-container-4{
 	display: grid;
 	gap: 1rem 2rem; 
@@ -232,7 +235,7 @@ b
 		"jirab mudp mudb"
 		"jirap jirab mudp";*/
 }
-
+/*grid area code names for collabs*/
 .c1-port{
 	grid-area: c1p;
 }
@@ -245,8 +248,8 @@ b
 .c2-bio {
 	grid-area: c2b;
 }
-/*review stuff*/
 
+/*review stuff*/
 .rev-title{
 	font-size: 40px;
 }
@@ -257,38 +260,16 @@ b
 	display: inline;
 }
 .article-container{
-	display: flex;
-	gap: 2rem;
+	display: block;
 	align-items: center;
-	/*display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	grid-template-rows: auto auto auto;
-	grid-template-areas:
-		"r1pic r1par r1par"
-		"r2par r2par r2pic";
-	margin-bottom: 0;
-	margin-top: 0;*/
-}
-.rev1-pic{
-	grid-area: r1pic;
-}
-.rev1-para{
-	grid-area: r1par;
-}
-.rev2-pic{
-	grid-area: r2pic;	
-}
-.rev2-para{
-	grid-area: r2par;
+	justify-content: center;
+    align-content: space-around;
+	vertical-align: middle;
 }
 /*paragraphs*/
 p{
 	font-size: 20px;
 }
-p img { /*image within a paragraph*/
-	padding: 0; 
-	max-width: 100%; 
-}
 p.caption{
 	font-size: 16px;
 	font-weight: 900;
@@ -303,6 +284,7 @@ p.caption{
 #mew-em{
 	color: cornflowerblue;
 }
+
 /*navigation*/
 nav{
 	text-align: center;
@@ -318,6 +300,34 @@ nav{
     column-gap: 32px;
 	vertical-align: baseline;
 	padding-top: 25px;
+	font-size: 25px;
+	line-height: 150%;
+	font-weight: bold;
+}
+/*dropdown navigation*/
+.dropdown{
+	position: relative;
+	display: inline;
+}
+.dropdown-content{
+	display: none;
+	position: absolute;
+	background-color: #d0e7f7;
+	min-width: 160px;
+	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+	padding: 12px 16px;
+	z-index: 1;
+}
+.dropdown:hover .dropdown-content{
+	display: flex;
+	flex-flow: wrap;
+    flex-direction: row;
+    justify-content: center;
+    align-content: space-around;
+    column-gap: 25px;
+	row-gap: 25px;
+	vertical-align: baseline;
+	padding-top: 25px;
 }
 
 /*site navigation*/
@@ -329,6 +339,10 @@ nav{
 	margin: 0;
 	padding: 0;
 }
+.site-nav a{
+	font-size: 20px;
+	font-weight: bold;
+}
 .site-nav a, .page-nav a, footer a{
 	text-decoration: none;
 }
@@ -341,6 +355,7 @@ nav{
 .site-nav a:active{
 	 color: aquamarine;
 }
+
 /*links*/
 a{
 	text-decoration: none;
@@ -376,7 +391,15 @@ a:active {
 .flex a{
 	text-decoration: none;
 }
-/*article*/
+
+/*article CSS*/
+article{
+	display: block;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
 article a{
 	text-decoration: none;
 }
@@ -384,19 +407,40 @@ article h2{
 	font-size: 40px;
 	text-align: left;
 }
-/*figure*/
+/*figure CSS*/
 figure{
+	display: inline;
+	align-items: center;
 	flex: inline-block;
 	margin: 0;
 }
+figure img{
+	display: block; 
+	margin-left: auto; 
+	margin-right: auto; 
+	justify-content: center;
+    align-content: space-around;
+}
 figcaption {
 	display: block;
 	overflow-wrap: break-word;	
-	color: #273A3A;
+	align-self: center;
 	text-align: center;
-	font-weight: 900;
+	color: #1a5b3a;
+	font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+	font-weight: 700;
 	font-size: 17px;
-	max-width: inherit;
+	max-width: 200px;
+}
+.credit{
+	padding-top: 5px;
+	font-weight: normal;
+	color: rgb(99, 98, 98);
+	font-style: italic;
+	font-size: 15px;
+}
+#mew-tree{
+	max-width: 900px;
 }
 
 /*alignment*/
@@ -434,6 +478,7 @@ img.alignleft {
 .rcorners {
   border-radius: 15px; 
 } 
+
 /*gallery*/
 .flex-gallery{
 	display: flex;
@@ -445,8 +490,10 @@ img.alignleft {
 	flow-from: column;
     justify-content: center;
     align-content: space-around;
+	align-items: center;
     column-gap: 32px;
 	margin-top: 20px;
+	vertical-align: middle;
 }
 .flex-gallery figure{
 	width: 200px;
@@ -455,6 +502,9 @@ img.alignleft {
 #mew-tree{
 	max-width: 90%;
 	max-height: 90%;
+}
+.gallery-title{
+
 }
 @media (max-width: 800px) {
   #mew-tree {