diff --git a/_sass/_base.scss b/_sass/_base.scss
index 827d036..eb2c30c 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -189,3 +189,74 @@
:not(.highlight)>table tr:nth-child(2n) {
background-color: #f8f8f8
}
+
+ /* Inputs
+ * ============================================== */
+input {
+ font-size: 16px;
+ font-family: "Overpass";
+}
+
+form textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 150px;
+ padding: 14px 24px;
+ box-sizing: border-box;
+ color: #000;
+ background: #FFFFFF;
+ border: 2px solid #D8D8D8;
+ border-radius: 4px;
+ font-size: 16px;
+ font-family: "Overpass";
+}
+
+input[type=text], input[type=textarea], input[type=number] {
+ width: 100%;
+ padding: 14px 24px;
+ box-sizing: border-box;
+ color: #000;
+ background: #FFFFFF;
+ border: 2px solid #D8D8D8;
+ border-radius: 4px;
+}
+
+ /* Keyframes
+ * ============================================== */
+.fade-in {
+-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
+ -moz-animation: fadein 2s; /* Firefox < 16 */
+ -ms-animation: fadein 2s; /* Internet Explorer */
+ -o-animation: fadein 2s; /* Opera < 12.1 */
+ animation: fadein 2s;
+}
+
+@keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+/* Firefox < 16 */
+@-moz-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+/* Safari, Chrome and Opera > 12.1 */
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+/* Internet Explorer */
+@-ms-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+/* Opera < 12.1 */
+@-o-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
\ No newline at end of file
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index c011dee..023913b 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -64,7 +64,7 @@
}
}
- .button-submit {
+ .button-submit {
display: inline-block;
text-decoration: none !important;
color: #fff !important;
@@ -77,6 +77,7 @@
border-radius: 10px;
padding: 12px 20px;
margin-left: 15px;
+ cursor: pointer;
&:hover {
background-color: transparent !important;
@@ -269,6 +270,8 @@
} */
}
+/* Spacings and Generic
+ * ============================================== */
.bold {
font-weight: 600;
}
@@ -297,6 +300,18 @@
margin-bottom: 30px;
}
+ .non-justify {
+ text-align: initial;
+ }
+
+ .heading {
+ font-size: 36px;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
.bg-mute {
background-color: #F4F4F4;
min-height: 500px;
@@ -324,6 +339,7 @@
box-sizing: border-box;
text-align: center;
margin-bottom: 25px;
+ margin-top: 25px;
&:hover {
transform: scale(1.05);
@@ -361,84 +377,9 @@
padding-right: 15px;
padding-left: 15px;
line-height: 1.4;
-}
-.non-justify {
- text-align: initial;
-}
-
-.heading {
- font-size: 36px;
-}
-
-.align-left {
- text-align: left;
-}
-
-input {
- font-size: 16px;
- font-family: "Overpass";
-}
-
-form textarea {
- width: 100%;
- max-width: 100%;
- min-width: 100%;
- min-height: 150px;
- padding: 14px 24px;
- box-sizing: border-box;
- color: #000;
- background: #FFFFFF;
- border: 2px solid #D8D8D8;
- border-radius: 4px;
- font-size: 16px;
- font-family: "Overpass";
-}
-
-input[type=text], input[type=textarea], input[type=number] {
- width: 100%;
- padding: 14px 24px;
- box-sizing: border-box;
- color: #000;
- background: #FFFFFF;
- border: 2px solid #D8D8D8;
- border-radius: 4px;
-}
-
-
-.fade-in {
--webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
- -moz-animation: fadein 2s; /* Firefox < 16 */
- -ms-animation: fadein 2s; /* Internet Explorer */
- -o-animation: fadein 2s; /* Opera < 12.1 */
- animation: fadein 2s;
-}
-
-@keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-/* Firefox < 16 */
-@-moz-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-/* Safari, Chrome and Opera > 12.1 */
-@-webkit-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-
-/* Internet Explorer */
-@-ms-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
+ @include media-query($on-palm) {
+ flex-basis: auto;
+ }
}
-/* Opera < 12.1 */
-@-o-keyframes fadein {
- from { opacity: 0; }
- to { opacity: 1; }
-}
\ No newline at end of file
diff --git a/index.html b/index.html
index 811c83a..a1d2e9b 100644
--- a/index.html
+++ b/index.html
@@ -2,8 +2,8 @@
layout: default
---
-
-
+
+
Public Domain Logos
All logos below are in the public domain (CC0). Download any logo for free unlimited times for any usage. No attribution required.
-
+
-
+
Support Open Source Design
Up to 50% of proceeds are donated to Open Source Design, continuing to support design intiatives in open source.