diff --git a/images/download.svg b/images/download.svg
new file mode 100644
index 0000000..cbe1fdb
--- /dev/null
+++ b/images/download.svg
@@ -0,0 +1,51 @@
+
+
diff --git a/index.html b/index.html
index 9fe5a30..033e50f 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@
- Resume
+ Resume
ABOUT
diff --git a/styles.css b/styles.css
index 47adf62..a223b5e 100644
--- a/styles.css
+++ b/styles.css
@@ -7,12 +7,18 @@ body{
background-attachment: fixed;
margin: 0;
margin-top: 50px;
+ margin-bottom: 30px;
}
a{
text-decoration: none;
color: #155d77;
}
+.resume img{
+ height: 25px;
+ position: relative;
+ top: 5px;
+}
a:hover{
color: #424242;
@@ -161,4 +167,52 @@ nav a:hover{
}
.project h2, p{
margin: 0;
-}
\ No newline at end of file
+}
+
+
+/* Responsiveness */
+@media screen and (max-width: 1280px){
+ body{
+ margin-bottom: 5%;
+ }
+ nav{
+ width: 100%;
+ padding: 0;
+ text-align: center;
+ }
+ .content{
+ flex-direction: column;
+ width: 90%;
+ }
+ .profile{
+ width: 100%;
+ }
+ .info{
+ width: calc(100% - 100px);
+ }
+}
+@media screen and (max-width: 950px){
+ nav{
+ padding-left: 0;
+ }
+ .project{
+ flex-direction: column;
+ height: auto;
+ }
+ .project img{
+ width: 100%;
+ height: auto;
+ }
+}
+@media screen and (max-width: 550px){
+ .education{
+ flex-direction: column;
+ height: auto;
+ }
+ .education img{
+ width: 100%;
+ height: auto;
+ }
+
+}
+