diff --git a/STYLES.CSS b/STYLES.CSS
index 0f772cd..c398d9e 100644
--- a/STYLES.CSS
+++ b/STYLES.CSS
@@ -18,28 +18,23 @@ h1, h2, h3, h4, h5, h6, h7, .topnavButton a, p, ol, u, button {
font-family: 'Roboto Mono', monospace;
}
/* ------------------- */
-/* -------------- */
+/* -----ABOUT ME AND BACKGROUND --------- */
#background {
position: relative;
overflow:hidden;
}
-.crop {
- width: 150px; height: 150px;
- position: absolute; overflow: hidden; top:35%;
- border-radius: 150px; border: 3px solid #ED4A3D;
- left:15%;
-}
-.crop img.portrait{
- display: inline;
- margin: 0 auto;
- margin-left: -5%;
- height: 100%;
- width: auto;
+img.portrait{
+ object-fit: cover;
+ max-height: 150px;
+ max-width: 150px;
+ margin-top: 10%;
+ border-radius: 50%;
+ border: 3px solid #ED4A3D;
}
#aboutMe{
position: relative;
- padding:7.5%;
+ padding-left:5%; padding-right: 5%; padding-bottom: 5%;
background-color: #0d1116;
height: 30%;
}
@@ -50,10 +45,51 @@ h1, h2, h3, h4, h5, h6, h7, .topnavButton a, p, ol, u, button {
width: 100%;
}
#aboutMeContainer{
- position:relative; top: -50%;
+ display: flex;
+ flex-direction: row;
+ gap: 10%;
+ margin-right: 15%;
+ justify-content: center;
+ position:relative;
transition: ease-in-out;
opacity: 0;
}
+.aboutMeText {
+ margin-top: 0;
+}
+#biography {
+ font-family: Varela;
+ font-size: 1.2vw;
+ color: white;
+}
+#aboutMeTop {
+ border: #1F2937 solid 5px; background-color: #1F2937;
+ border-top: 3px solid #0d1116;
+ margin-top: 0%;
+ height:20%;
+}
+.bigText {
+ text-shadow: 3px 4px 1px #1F2937;
+ position: absolute; top: 37.5%; right:20%; left:20%;
+ font-family: Varela;
+ color:white;
+ font-size: 5vw;
+ animation: fadeOntoPage 1s ease-in-out;
+ animation-iteration-count: 1;
+ transition: 0.75s ease-in-out;
+}
+
+#aboutMeHey {
+ font-family:Varela;
+ color:#ED4A3D;
+ font-size: 2vw;
+ position:relative;
+}
+#aboutMeHeader {
+ color:white;
+ font-size: 3vw;
+
+}
/* ---------------/
/*TOPNAV BAR*/
.socialsAnimation:hover, .containerTestItem:hover, .topnavButton:hover, .bigText:hover
@@ -205,34 +241,3 @@ h1{
100%{opacity: 1;}
}
/* */
-#aboutMeTop {
- border: #1F2937 solid 5px; background-color: #1F2937;
- border-top: 3px solid #0d1116;
- margin-top: 0%;
- height:20%;
-}
-.bigText {
- text-shadow: 3px 4px 1px #1F2937;
- position: absolute; top: 37.5%; right:20%; left:20%;
- font-family: Varela;
- color:white;
- font-size: 50px;
- animation: fadeOntoPage 1s ease-in-out;
- animation-iteration-count: 1;
- transition: 0.75s ease-in-out;
-}
-
-#aboutMeHey {
- font-family:Varela;
- color:#ED4A3D;
- font-size: 15px;
- position:relative;
-}
-#aboutMeHeader {
- color:white;
- position:relative;
-}
-#biography {
- font-family: Varela;
- color: white;
-}
diff --git a/images/samvoResume.pdf b/images/samvoResume.pdf
new file mode 100644
index 0000000..f12db0f
Binary files /dev/null and b/images/samvoResume.pdf differ
diff --git a/index.html b/index.html
index 64a4d1d..dd1eeb2 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,7 @@
+
@@ -18,7 +19,7 @@