grow bg lines

css/4-content.css

@@ -12,11 +12,12 @@
   top: 55vh;
   padding-top: 100px;
   color: #FFFDFC;
+  width: 120%;
 }
 #content_all_img{
   background: url('/img/bg_content.png');
   background-size: cover;
-  width: 100vw;
+  /*width: 100vw;*/
   height: 150vh;
   margin-top: -50vh;
   left:0;
@@ -26,8 +27,9 @@
 #content_all .columns {
   margin: 0 auto;
   max-width: 80vw;
-  top: -150vh;
+  top: -133vh;
   position: relative;
+  font-size: 100px;
 }
 
 #content_all .text {
@@ -38,7 +40,7 @@
   line-height: 26px;
   text-align:left;
 }
-main #content_all .columns > .column:nth-of-type(0) {
+#content_all h2 {
   font-size: 100px !important;
   line-height: 90px;
   letter-spacing: -0.04em;
@@ -186,11 +188,11 @@ main #content_all .columns > .column:nth-of-type(0) {
   flex-grow: 0;
   background: transparent;
   color: #fff;
-  border: 10px solid;
+  border: 2px solid #743ad5;
   border-radius: 70px;
-  border-image-slice: 1;
+  /*border-image-slice: 1;*/
-  border-width: 5px;
+  /*border-width: 5px;*/
-  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
+  /*border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/
 }
 
 

css/5-popover.css

@@ -1,6 +1,28 @@
 
 /******** phone base *********/
 
+#popover {
+  background: url('/img/bg_pink.png') no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+
+#popover .dark-emphasis {
+  color: #3B3B49;
+  font-family: 'GT Walsheim Pro';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 60px;
+  line-height: 110%;
+  /* identical to box height, or 66px */
+  letter-spacing: -0.04em;
+}
+.text-grey{
+  font-weight: 400;
+  font-size: 18px;
+  line-height: 26px;
+}
+
 .slider-screen .text{
   position: relative;
   left: 55vw;
@@ -26,13 +48,12 @@
 }
 
 .phone-container .bottom{
-  height: 60px;
+  height: 62px;
   background: url('/img/phone_rectangle_bottom.jpg') no-repeat center;
-  top: 655.5px;
+  top: 676.5px;
   position: relative;
-
+  border-bottom-right-radius: 2rem;
-  border-bottom-right-radius: 1rem;
+  border-bottom-left-radius: 2rem;
-  border-bottom-left-radius: 1rem;
 }
 
 .phone-container.transparent{
@@ -42,12 +63,6 @@
   height: 700px;
 }
 
-#popover {
-  background: url('/img/bg_pink.png') no-repeat;
-  background-position: center;
-  background-size: cover;
-}
-
 .slider-screen .phone-container {
   height: 776px;
   width: 411px;
@@ -59,3 +74,27 @@
   top: 20vh;
 }
 
+.close-button {
+  position: relative;
+  right: 40px;
+  top: 56px;
+  float: right;
+}
+
+.arrow-right {
+  position: relative;
+  right: 40px;
+  top: 50vh;
+  float: right;
+}
+.arrow-left {
+  position: relative;
+  left: 40px;
+  top: 50vh;
+  float: left;
+}
+.bullets{
+  position: relative;
+  left: 0;
+  top: 30vh;
+}

css/6-portfolio.css

@@ -3,6 +3,7 @@
   background: url('/img/bg_grey.jpg') no-repeat;
   background-position: center;
   background-size: cover;
+  color: white;
 }
 
 #popover .color-emphasis,