diff --git a/index.html b/index.html
index ade7380..7ef4924 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,7 @@
}
}
img {
- max-width: 90vw;
+ max-width: 90%;
}
a {
color: #1A5A7A;
@@ -68,6 +68,9 @@
text-decoration: none;
}
.flex { display: flex; }
+ .header {
+ margin-top: 2em;
+ }
.btn {
background: rgba(0,0,0,0.2);
padding: 10px 20px;
@@ -83,9 +86,10 @@
.download-btn {
color: white;
background-color: #4d7bd6;
+ border: 2px solid #4569b1;
line-height: 2.5rem;
- margin: 0 1rem;
- width: 240px;
+ margin: 1rem 0;
+ width: 85%;
}
.web-app-btn {
position: relative;
@@ -100,7 +104,7 @@
color: white;
border-radius: 4px;
transform: rotate(-9deg);
- right: -50px;
+ right: 5px;
top: -10px;
transition: 0.25s ease;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
@@ -109,7 +113,7 @@
content: '🎊';
font-size: 5.2rem;
position: absolute;
- right: -22px;
+ right: 10px;
top: -5px;
transition: 0.25s ease 0.1s;
}
@@ -167,7 +171,7 @@
}
.people-say {
margin: 4em 0 4em;
- width: 100vw;
+ /* width: 100vw; */
overflow-x: hidden;
}
.people-say-top {
@@ -216,6 +220,25 @@
font-weight: normal;
}
@media (min-width: 751px) {
+ .header {
+ position: fixed;
+ width: 460px;
+ left: 0;
+ }
+ body {
+ padding-left: 460px;
+ }
+ .download-btn {
+ /* margin: 1rem 0; */
+ /* margin: 0 1rem; */
+ width: 300px;
+ }
+ .web-app-btn:after {
+ right: -50px;
+ }
+ .web-app-btn:before {
+ right: -22px;
+ }
.social-bar {
position: fixed;
top: 30px;
@@ -228,7 +251,7 @@
}
.feature-box {
min-width: 400px;
- width: 80vw;
+ /* width: 80vw; */
margin: 0 auto;
}
.feature {
@@ -258,7 +281,6 @@
.people-say-top,
.people-say-bottom {
display: flex;
- /* max-width: 100vw; */
overflow: scroll;
}
.say {
@@ -292,15 +314,22 @@
- 
Web Maker
- A blazing fast & offline web playground in your browser
-
+
-
+
Add to Chrome
- Web App (beta)
-