diff --git a/css/sophomore.css b/css/sophomore.css
new file mode 100644
index 0000000..8327df7
--- /dev/null
+++ b/css/sophomore.css
@@ -0,0 +1,155 @@
+*{
+    font-family: 'Roboto', sans-serif;
+}
+
+.leftwala{
+padding-left: 120px;
+margin-top: -30px;
+
+}
+
+.leftwala a{
+/*font-weight: bold;*/
+font-family: 'Rubik', sans-serif;
+text-decoration: none;
+color: black;
+font-size: 25px;
+padding-left: 50px;
+}
+
+.rightwala{
+padding-left: 870px;
+margin-top: -30px;
+}
+
+.rightwala a{
+/*font-weight: bold;*/
+font-family: 'Rubik', sans-serif;
+color: black;
+text-decoration: none;
+font-size: 25px;
+padding-left: 25px;
+}
+
+
+
+hr{
+color: black;
+width: 100%;
+}
+
+
+h1{ font-size: 50px;
+padding-left: 80px;
+padding-top: 25px;
+color: grey;
+}
+
+.firstbutton button{
+margin-top: 5px;
+color: white;
+font-family: 'Rubik', sans-serif;
+background-color: #ff7675;
+width: 700px;
+height: 350px;
+font-size: 50px;
+/* margin-left: 87px; */
+/* box-shadow: 10px 15px; */
+box-shadow: 5px 6px 22px 7px grey;
+border-radius: 32px;
+border: 2px solid #deb4b4;
+}
+
+h2{
+font-size: 30px;
+text-align: center;
+font-family: 'Rubik', sans-serif;
+padding-top: 25px;
+
+}
+.boi img{
+width: 263px;
+height: 298px;
+float: left;
+margin-left: 25px;
+}
+.first3 button{
+font-weight: bold;
+font-size: 30px;
+background-color: #fab1a0;
+width: 190px;
+height: 135px;
+margin-left: 190px;
+/* box-shadow: 0.5px 2.5px; */
+border-radius: 32px;
+border: 2px solid #deb4b4;
+font-family: 'Rubik', sans-serif;
+
+
+box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
+}
+
+.second3 button{
+font-weight: bold;
+font-size: 30px;
+background-color: #fab1a0;
+width: 190px;
+height: 135px;
+margin-left: 190px;
+/* box-shadow: 0.5px 2.5px; */
+border-radius: 32px;
+border: 2px solid #deb4b4;
+font-family: 'Rubik', sans-serif;
+
+
+box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
+}
+
+.lastbutton button{
+font-weight: bold;
+font-size: 30px;
+background-color: #fab1a0;
+width: 190px;
+height: 135px;
+margin-left: 575px;
+/* box-shadow: 0.5px 2.5px; */
+border-radius: 32px;
+border: 2px solid #deb4b4;
+font-family: 'Rubik', sans-serif;
+
+
+box-shadow: 8px 7px 13px 7px rgb(170, 143, 143);
+}
+.first3 button:hover{
+box-shadow: 8px 7px 13px 7px grey;
+border-radius: 50px;
+
+}
+.second3 button:hover{
+box-shadow: 8px 7px 13px 7px grey;
+border-radius: 50px;
+
+}
+.lastbutton button:hover{
+box-shadow: 8px 7px 13px 7px grey;
+border-radius: 50px;
+
+}
+
+
+a:link{
+color: grey
+}
+a:visited{
+color: grey
+}
+a:hover{
+color: red
+}
+a:active{
+color: gold
+}
+#myTopnav a:hover{
+    box-shadow: 14px 10px 23px 2px grey;
+    background-color: #fab1a0;
+}
\ No newline at end of file
diff --git a/project 2.html b/project 2.html
new file mode 100644
index 0000000..f483697
--- /dev/null
+++ b/project 2.html	
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+	<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
+<link rel="stylesheet" type="text/css" href="css/styles.css">
+<link rel="stylesheet" href="css/sophomore.css">
+
+
+</head>
+<body>	
+<header>
+
+	<div class="topnav" id="myTopnav">
+		<a href="#home" class="left">ENTITY</a>
+		<a href="#news" class="left">MAIN</a>
+		<a href="#news" class="left">CREATORS</a>
+		<a href="#about" class="right">GITHUB</a>
+		<a href="#contact" class="right">ABOUT</a>
+		<a href="javascript:void(0);" class="icon" onclick="myFunction()">
+		  <i class="fa fa-bars"></i>
+		</a>
+	  </div>
+	
+</header>
+<hr>
+
+	<h1><u>Hey, Sophos</u></h1>
+<br><br>
+
+<div class="boi">
+<img src="./static/boi.png">
+</div>
+
+<div class="firstbutton">
+
+<button>
+		Everything you <br>
+		need is at your <br>
+		click
+</button>
+</div>
+
+	<!-- <br><br><br><br> -->
+
+	<h2>
+		Select Your Branch
+	</h2>
+
+	<br><br>
+
+	<div class="first3">
+<button>CSE</button>
+<button>ECE</button>
+<button>EE</button>
+</div>
+
+<br><br>
+
+
+<div class="second3">
+<button>MECH</button>
+<button>CIVIL</button>
+<button>METAL</button>
+</div>
+
+<br><br>
+<div class="lastbutton">
+<button>PIE</button>
+</div>
+<br><br>
+
+
+
+
+
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/static/boi.png b/static/boi.png
new file mode 100644
index 0000000..405e16b
Binary files /dev/null and b/static/boi.png differ
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..9cac3e3
Binary files /dev/null and b/static/logo.png differ
