diff --git a/src/js/components/TopLinks/TopLinks.module.scss b/src/js/components/TopLinks/TopLinks.module.scss
index 3b396635a8b9be1ed7c0f5e88c4b99919abb8bd2..36faa899ae305693984f8d782696e2c8f1764bce 100644
--- a/src/js/components/TopLinks/TopLinks.module.scss
+++ b/src/js/components/TopLinks/TopLinks.module.scss
@@ -8,10 +8,11 @@
font-family: $primary_font;
color: $primary_black;
margin: 0 auto;
+ line-height: 6vh;
.Logo {
float: left;
- font-size: 2rem;
+ font-size: 1vw;
color: $primary_black;
text-decoration: none;
diff --git a/src/js/pages/MainPage,module.scss b/src/js/pages/MainPage,module.scss
index 32f675a0b9e761f56459033e85943c0b52517636..2aa9429e4391484bdd894b6247a6aed5b9366dba 100644
--- a/src/js/pages/MainPage,module.scss
+++ b/src/js/pages/MainPage,module.scss
@@ -11,7 +11,7 @@ html {
z-index: 1;
width: 100%;
font-family: $primary_font;
- height: 6%;
+ height: 6vh;
}
@media (max-width: 1200px) {
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 2de41ab91f6ad439ef1d7e49e453d473253c54da..d9c12f5e21f1e5fdb6f712086d3fa1eab5a5da80 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -32,6 +32,7 @@
.Title {
font-size: 1.8vw;
+ line-height: 2.2vw;
}
.Caption {
@@ -44,10 +45,12 @@
.FirstComment {
font-size: 1.2vw;
+ line-height: 1.6vw;
}
.SecondComment {
font-size: 0.8vw;
+ line-height: 1.2vw;
}
}
@@ -99,6 +102,7 @@
text-align: left;
color: white;
font-size: 0.9vw;
+ line-height: 1.3vw;
}
}
@@ -112,6 +116,7 @@
.BigCaption {
color: white;
font-size: 1.1vw;
+ line-height: 1.5vw;
margin-bottom: 10%;
}
@@ -120,6 +125,7 @@
margin-bottom: 5%;
font-family: $primary_font;
font-size: 0.9vw;
+ line-height: 1.3vw;
width: 100%;
height: 30%;
@@ -128,6 +134,7 @@
.SmallCaption {
color: white;
font-size: 1vw;
+ line-height: 1.4vw;
margin-top: 5%;
}
}
@@ -154,6 +161,7 @@
.Title {
font-size: 3vw;
+ line-height: 3.4vw;
}
.Caption {
@@ -164,10 +172,12 @@
.FirstComment {
font-size: 2.4vw;
+ line-height: 2.8vw;
}
.SecondComment {
font-size: 1.6vw;
+ line-height: 2vw;
}
}
@@ -212,6 +222,7 @@
max-width: 100%;
font-size: 1.8vw;
+ line-height: 2.2vw;
}
}
@@ -220,6 +231,7 @@
.BigCaption {
font-size: 2.2vw;
+ line-height: 2.6vw;
margin-bottom: 10%;
}
@@ -232,6 +244,7 @@
.SmallCaption {
font-size: 2vw;
+ line-height: 2.4vw;
}
}
}
@@ -285,6 +298,7 @@
.BigCaption {
font-size: 2.2vw;
+ line-height: 2.6vw;
margin-bottom: 10%;
}
diff --git a/src/js/sections/CloudSection/CloudSection.module.scss b/src/js/sections/CloudSection/CloudSection.module.scss
index 9684a78b762ef1b4a81d820f3cf28332dbfa1887..171ee8e8b03bd0641fe2c6347c6668945bbd3e14 100644
--- a/src/js/sections/CloudSection/CloudSection.module.scss
+++ b/src/js/sections/CloudSection/CloudSection.module.scss
@@ -15,15 +15,16 @@
font-family: $primary_font;
.UpperBlock {
- margin-top: 5%;
+ margin-top: 2%;
font-size: 2.3vw;
+ line-height: 2.7vw;
max-width: 40%;
text-align: center;
}
.Cloud {
- margin-top: 3%;
+ margin-top: 2%;
max-width: 50vw;
max-height: 60vh;
}
@@ -32,12 +33,12 @@
margin-top: 2%;
font-size: 2vw;
max-width: 40%;
- line-height: 2vw;
+ line-height: 2.4vw;
.Caption {
margin-top: 20px;
font-size: 1.3vw;
- line-height: 1.3vw;
+ line-height: 1.7vw;
max-width: 60%;
color: white;
@@ -65,12 +66,12 @@
.BottomBlock {
font-size: 4vw;
- line-height: 4vw;
+ line-height: 4.4vw;
max-width: 40%;
.Caption {
font-size: 2.5vw;
- line-height: 2.5vw;
+ line-height: 2.9vw;
max-width: 70%;
}
@@ -83,6 +84,7 @@
.UpperBlock {
font-size: 4vw;
+ line-height: 4.4vw;
max-width: 50%;
text-align: center;
@@ -97,11 +99,11 @@
.BottomBlock {
font-size: 4vw;
- line-height: 4vw;
+ line-height: 4.4vw;
.Caption {
font-size: 2.5vw;
- line-height: 2.5vw;
+ line-height: 2.9vw;
}
}
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 33edb6b82ddd7ce9780b49402aa07a30ad5ac6a5..96a479edeb7581a3d3ba806a43deebaf5625864b 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -27,11 +27,12 @@
flex-direction: row;
padding: 5% 5% 5% 5%;
font-size: 1.7vw;
- line-height: 1.7vw;
+ line-height: 2.1vw;
.Checkmark {
padding-right: 5%;
font-size: 3vw;
+
}
}
}
@@ -66,6 +67,7 @@
.Author {
position: relative;
font-size: 1.2vw;
+ line-height: 1.6vw;
padding: 0 0 2% 25%;
}
}
@@ -80,7 +82,7 @@
.LeftSide {
.Feature {
font-size: 3vw;
- line-height: 3vw;
+ line-height: 3.4vw;
}
}
@@ -94,6 +96,7 @@
.Author {
font-size: 2vw;
+ line-height: 2.5vw;
}
}
}
diff --git a/src/js/sections/LandingSection/LandingSection.module.scss b/src/js/sections/LandingSection/LandingSection.module.scss
index 7d0fa0a8bde2f46225152229f17116d8d4e4f570..f84191480c0e0311d3a6d5e7e85865bf3e172808 100644
--- a/src/js/sections/LandingSection/LandingSection.module.scss
+++ b/src/js/sections/LandingSection/LandingSection.module.scss
@@ -18,8 +18,8 @@
flex-basis: 50%;
.Octopus {
- width: 50vw;
- height: 50vh;
+ width: 55vw;
+ height: 55vh;
}
}
@@ -28,9 +28,11 @@
font-family: $primary_font;
vertical-align: middle;
flex-basis: 40%;
+ margin-left: -15vw;
.Title {
font-size: 5vw;
+ text-align: center;
.Caption {
font-size: 1.5vw;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index a89730d862c882822252f2e2530f0b9b661f516e..f0729d5b87d7984ed25e3b9fb4d8673b18e02ea3 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -29,12 +29,12 @@
.Title {
font-size: 2.7vw;
- line-height: 3.2vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.5vw;
+ line-height: 1.7vw;
color: white;
margin-top: 5%;
max-width: 80%;
@@ -48,9 +48,6 @@
.NotesImage {
max-width: 60vw;
max-height: 60vh;
- -webkit-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- -moz-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
}
}
@@ -88,12 +85,12 @@
.Title {
font-size: 4vw;
- line-height: 4.2vw;
+ line-height: 4.4vw;
}
.Caption {
font-size: 2vw;
- line-height: 2.2vw;
+ line-height: 2.4vw;
color: white;
max-width: 80%;
}
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 927912b4cf52d150c64bc9007ab7b0fa1d2ac010..85f75888ffce31e51ab7c13d3fb604293971092c 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -5,7 +5,7 @@
.TowerSection {
background: $primary_lightblue;
background-size: 100% 100%;
- min-height: 80vh;
+ min-height: 90vh;
display: flex;
flex-direction: row;
@@ -17,31 +17,30 @@
font-family: $primary_font;
.LeftSide {
- flex-basis: 20%;
+ flex-basis: 40%;
.TowerImage {
- max-width: 60vw;
- max-height: 65vh;
+ max-width: 70vw;
+ max-height: 70vh;
}
}
.RightSide {
vertical-align: middle;
- flex-basis: 20%;
+ flex-basis: 40%;
text-align: left;
- padding: 1% 3%;
max-width: 60%;
.Title {
font-size: 2.7vw;
- line-height: 3vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.3vw;
+ line-height: 1.7vw;
margin-top: 5%;
color: white;
}
@@ -65,12 +64,12 @@
flex-basis: 40%;
.Title {
font-size: 5vw;
- line-height: 5vw;
+ line-height: 5.4vw;
}
.Caption {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
}
@@ -96,12 +95,12 @@
flex-basis: 40%;
.Title {
font-size: 5vw;
- line-height: 5vw;
+ line-height: 5.4vw;
}
.Caption {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
}
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index df40b4365f945a1b89fc910389cc6487486ee7f3..3c8e57e03a525f54750af693b2d360e35db7079d 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -22,9 +22,6 @@
.VscodeImage {
width: 50vw;
height: 55vh;
- -webkit-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- -moz-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
}
}
@@ -39,13 +36,13 @@
.Title {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.5vw;
+ line-height: 1.7vw;
margin-top: 5%;
color: white;
}