v1.2.0-beta/website brands

2020-05-22 15:58:24 -04:00
parent c373b6e365
commit 32fb08d61e
11 changed files with 261 additions and 36 deletions
@@ -0,0 +1,59 @@
+header a {
+  color: rgb(var(--secondary));
+  display: block;
+  text-decoration: none;
+  font-size: 0.75rem;
+  background-color: rgb(var(--primary));
+  padding: 5px 10px;
+  font-weight: 700;
+  letter-spacing: 1.5px;
+  margin-left: 5px;
+  padding: 5px 13px;
+  border-radius: 13px;
+}
+section.landing .brand {
+  font-size: 3.25rem;
+  border-radius: 3.25rem;
+  padding: 5px 45px;
+}
+section.landing .get {
+  font-size: 1rem;
+}
+
+section.intro {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+section.intro .inner {
+  max-width: 50%;
+}
+section.intro .inner img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 26px;
+  transition: all ease-in-out 0.3s;
+  border: 2px solid transparent;
+}
+section.intro .inner img:hover {
+  border: 2px solid rgb(var(--secondary));
+  filter: drop-shadow(0 0 40px rgba(var(--tertiary), 0.5));
+}
+section.intro .inner .supported {
+  display: flex;
+}
+section.intro .inner .supports {
+  color: rgb(var(--secondary));
+  text-align: center;
+  margin-top: 5px;
+  font-variant: all-small-caps;
+  letter-spacing: 1.5px;
+  font-weight: 400;
+}
+section.intro .inner .supported div {
+  flex: 1;
+  height: 100px;
+  background-size: 75%;
+  background-position: center;
+  background-repeat: no-repeat;
+}