Updated content and page scaling

index.html

@@ -61,14 +61,14 @@ <h1> Laura Cui<a href="#pronunciation">*</a> </h1>
 	</div>
 	<div id="content">
 		<img id="profile" src="./img/return.jpg" width="250" align="right" onmouseover="polaroids()" onmouseout="profile()" style="margin-left:15px;margin-bottom:15px;margin-top:25px;max-width:48%"/>
-		<p> I'm a first-year PhD student in physics at Caltech, and am broadly interested in quantum information and fundamental physics, especially topics related to quantum complexity. Previously, I completed my bachelor's in physics and math at MIT, and wrote my <a href="https://dspace.mit.edu/handle/1721.1/151497"> senior thesis </a> on the application of random circuits to study many-body quantum dynamics. You can find a summary of my research and teaching work <a href="/things">here</a>, or see my <a href="./files/cv.pdf">CV</a> for a more complete list of things I've done. </p>
-		<p> I am committed to increasing access to opportunities in STEM, particularly for students from underrepresented backgrounds. I previously served on the <a href="https://physvals.mit.edu">MIT Physics Values Committee</a>, and am also interested in designing better <a href="/things#proofs-workshop">curriculum</a> to support STEM education. </p>
+		<p> I'm currently a PhD student in physics at Caltech, where I'm fortunate to be co-advised by John Preskill and Fernando Brand&#227;o. Previously, I completed my bachelor's in physics and math at MIT, and wrote my <a href="https://dspace.mit.edu/handle/1721.1/151497"> senior thesis </a> on the application of random circuits to study many-body quantum dynamics. You can find a summary of my research and teaching work <a href="/things">here</a>, or see my <a href="./files/cv.pdf">CV</a> for a more complete list of things I've done. </p>
+		<p> I am committed to increasing access to opportunities in STEM, particularly for students from underrepresented communities. I previously served on the <a href="https://physvals.mit.edu">MIT Physics Values Committee</a> and worked on writing <a href="/things#proofs-workshop">math curriculum</a> for students of diverse backgrounds. </p>
 		<p id="bio"> </p>
 		<p id="expand" onClick="expand()"> + more about me </p>
 		<br> 
-		<img src='./img/mail2.svg' height='24' align="left" style="margin-top:20px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>lcui (at) caltech (dot) edu</i></p> <br>
-		<img src='./img/window.png' height='24' align="left" style="margin-top:20px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>B160 west bridge </i></p> <br>
-		<img src='./img/mailbox.png' height='28' align="left" style="margin-top:20px;margin-right:8px;text-align:center;"> <p style="margin-bottom:36px"><i>1200 e. california blvd mc 103-33 </i></p>
+		<img src='./img/mail2.svg' height='20' align="left" style="margin-top:16px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>lcui (at) caltech (dot) edu</i></p> <br>
+		<img src='./img/window.png' height='20' align="left" style="margin-top:16px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>305 east bridge </i></p> <br>
+		<img src='./img/mailbox.png' height='23' align="left" style="margin-top:16px;margin-right:8px;text-align:center;"> <p style="margin-bottom:36px"><i>1200 e. california blvd mc 103-33 </i></p>
 		<p id="pronunciation"> <a href="#top" style="font-family:'Work Sans';">*</a> I pronounce my last name like the word "sway". You can also find a pronunciation guide <a href="https://www.youtube.com/watch?v=sjdtQ3QGz8Q">here</a>.
 		</p>
 	</div>

style.css

@@ -4,14 +4,14 @@ body {
 	background-color: #fefefa;
     color: #28282a;
     font-family: 'IBM Plex Sans', sans-serif;
-    font-size: 17px;
+    font-size: 16px;
     font-weight: 400;
     margin: 0;
     padding: 0;
 	padding-top:0px;
 	overflow-x:hidden;
     word-wrap: break-word;
-    line-height:170%;
+    line-height:150%;
 	position: relative;
 	/*float:left;*/
 <<<<<<< HEAD
@@ -41,22 +41,22 @@ a:hover{
 }
 
 h1{
-    font-size: 36px;
+    font-size: 30px;
     margin:0px;
     font-family: 'Work Sans', sans-serif;
 	font-weight:400;
 }
 
 h2{
-    font-size: 24px;
+    font-size: 22px;
     margin:0px;
     font-family: 'Work Sans', sans-serif;
 	font-weight:400;
 }
 
 h3{
-    font-size: 18px;
-    margin-top:15px;
+    font-size: 16px;
+    margin-top:16px;
     font-family: 'IBM Plex Sans', sans-serif;
 	font-weight:500;
 }
@@ -73,8 +73,8 @@ h3{
 #navbar{
 	position:fixed;
     top:5%;
-	left:15%;
-  	width: 70%;
+	left:10%;
+  	width: 80%;
     font-family:'Work Sans', sans-serif;
     font-size:20px;
     text-align:left;
@@ -129,8 +129,8 @@ h3{
 #pagehead{
 	position:absolute;
 	top: 15%;
-	left: 15%;
-	width: 70%;
+	left: 10%;
+	width: 80%;
 	/*height: 10%;
 	height: -webkit-fit-content;
 	height: -moz-fit-content;*/
@@ -140,8 +140,8 @@ h3{
 #content{
 	position:absolute;
 	top: 20%;
-	left: 15%;
-	width: 70%;
+	left: 10%;
+	width: 80%;
 	/*height: 70%;
 	height: -webkit-fit-content;
 	height: -moz-fit-content;*/