diff --git a/PortfolioPage/Pages/Index.razor b/PortfolioPage/Pages/Index.razor
index 9e8ddd4..6200024 100644
--- a/PortfolioPage/Pages/Index.razor
+++ b/PortfolioPage/Pages/Index.razor
@@ -4,8 +4,11 @@
-
Hello, world!
-
Welcome to my corner of the internet! My name is Kira Jiroux. I am a graduate of Oregon State University, with a Bachelor of Science in Computer Science, with an emphasis on VR/AR and Computer Graphics.
+
+
Hello, World!
+ Welcome to my corner of the Internet!
+ My name is Kira Jiroux. I am a graduate of OSU - Oregon State University - with a Bachelor of Science in Computer Science, with an emphasis on VR/AR and Computer Graphics.
+
diff --git a/PortfolioPage/Pages/Index.razor.css b/PortfolioPage/Pages/Index.razor.css
index 8da837a..0541037 100644
--- a/PortfolioPage/Pages/Index.razor.css
+++ b/PortfolioPage/Pages/Index.razor.css
@@ -8,4 +8,12 @@
padding: 10px;
margin-top: 60px;
margin-bottom: 60px;
+}
+
+.blurb {
+ width: 60%;
+ background-color: #eef2e6;
+ padding: 15px;
+ border-radius: 25px;
+ border: 2px solid #3b5249;
}
\ No newline at end of file
diff --git a/PortfolioPage/Shared/PhotoBanner.razor.css b/PortfolioPage/Shared/PhotoBanner.razor.css
index ef6524b..d588a89 100644
--- a/PortfolioPage/Shared/PhotoBanner.razor.css
+++ b/PortfolioPage/Shared/PhotoBanner.razor.css
@@ -4,7 +4,7 @@
.container{
position: relative;
text-align: center;
- margin: auto;
+ margin: 0;
padding: 0;
top: 0;
width: 100%;
@@ -12,11 +12,10 @@
background-size: cover;
background-position: center;
background-repeat: no-repeat;
- border: 1px solid red;
}
.photo-banner {
- width: 100%;
+ width: 100vw;
max-height: 660px;
}
@@ -24,9 +23,7 @@
position: absolute;
top: 50%;
left: 50%;
- transform: translate(-50%, -50%);
+ transform: translate(10%, -50%);
font-size: 100px;
color: white;
- width: 100vw;
-
}