Last active
March 7, 2018 00:21
-
-
Save mssngr/48c5c2deef73d793eff6366c76fddb97 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| box-sizing: border-box; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| -webkit-touch-callout: none; | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| *:focus { | |
| outline: none !important; | |
| } | |
| body { | |
| background-color: #000000; | |
| color: #FFFFFF; | |
| } | |
| h1,h2 { | |
| margin: 0; | |
| font-family: "Source Serif Pro","Georgia",serif; | |
| font-weight: 400; | |
| line-height: 1; | |
| -webkit-letter-spacing: 0.13vw; | |
| -moz-letter-spacing: 0.13vw; | |
| -ms-letter-spacing: 0.13vw; | |
| letter-spacing: 0.13vw; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| h1,h2 { | |
| -webkit-letter-spacing:0.13vh; | |
| -moz-letter-spacing: 0.13vh; | |
| -ms-letter-spacing: 0.13vh; | |
| letter-spacing: 0.13vh; | |
| } | |
| } | |
| h1 { | |
| font-size: 12.8vw; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| h1 { | |
| font-size:6.4vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| h1 { | |
| font-size:42px; | |
| } | |
| } | |
| h2 { | |
| font-size: 9.6vw; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| h2 { | |
| font-size:4.8vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| h2 { | |
| font-size:32px; | |
| } | |
| } | |
| h3 { | |
| font-size: 4.26vw; | |
| font-family: "Source Sans Pro","Helvetica",sans-serif; | |
| font-weight: 700; | |
| line-height: 1; | |
| margin: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| h3 { | |
| font-size:2.13vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| h3 { | |
| font-size:14px; | |
| } | |
| } | |
| p,textarea { | |
| font-size: 4.26vw; | |
| font-family: "Source Sans Pro","Helvetica",sans-serif; | |
| font-weight: 400; | |
| line-height: 1.5; | |
| margin: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| p,textarea { | |
| font-size:2.13vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| p,textarea { | |
| font-size:14px; | |
| } | |
| } | |
| strong { | |
| font-size: 4.26vw; | |
| font-family: "Source Sans Pro","Helvetica",sans-serif; | |
| font-weight: 700; | |
| line-height: 1.5; | |
| margin: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| strong { | |
| font-size:2.13vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| strong { | |
| font-size:14px; | |
| } | |
| } | |
| a { | |
| text-decoration: none; | |
| color: inherit; | |
| } | |
| a:hover { | |
| cursor: pointer; | |
| } | |
| .css-1fs7qgg { | |
| width: 100vw; | |
| min-width: 320px; | |
| overflow-x: hidden; | |
| } | |
| .css-go9jp { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| height: 100vh; | |
| width: 100vw; | |
| background-color: #EADE56; | |
| opacity: 0; | |
| display: none; | |
| z-index: 100; | |
| } | |
| .css-go9jp a { | |
| font-size: 9.6vw; | |
| color: #4C4D52; | |
| padding: 12px 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-go9jp a { | |
| font-size:4.8vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| .css-go9jp a { | |
| font-size:32px; | |
| } | |
| } | |
| .css-go9jp a.active { | |
| color: #FFFFFF; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| @media screen and (max-width:767px) { | |
| .css-go9jp a { | |
| padding:6px 0; | |
| } | |
| } | |
| .css-s0rca4 { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: space-around; | |
| -webkit-justify-content: space-around; | |
| -ms-flex-pack: space-around; | |
| justify-content: space-around; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| position: fixed; | |
| top: 12px; | |
| right: 12px; | |
| width: 48px; | |
| height: 48px; | |
| padding: 9.600000000000001px; | |
| border-radius: 50%; | |
| background-color: #EADE56; | |
| cursor: pointer; | |
| z-index: 100; | |
| } | |
| @media screen and (min-width: 1280px) { | |
| .css-s0rca4 { | |
| display:none; | |
| } | |
| } | |
| .css-1a6pq4v { | |
| width: 100%; | |
| height: 2px; | |
| background-color: #4C4D52; | |
| } | |
| .css-19tcyot { | |
| display: none; | |
| } | |
| @media screen and (min-width: 1280px) { | |
| .css-19tcyot { | |
| display:block; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100vw; | |
| height: 7vh; | |
| background-color: rgba(0,0,0,0.25); | |
| z-index: 100; | |
| -webkit-transition-property: background-color,height,-webkit-transform; | |
| -webkit-transition-property: background-color,height,transform; | |
| transition-property: background-color,height,transform; | |
| -webkit-transition-duration: 225ms; | |
| transition-duration: 225ms; | |
| -webkit-transform: scale(1); | |
| -ms-transform: scale(1); | |
| transform: scale(1); | |
| } | |
| .css-19tcyot:hover { | |
| background-color: rgba(234,222,86,0.9); | |
| -webkit-transform: scale(1.1) translateY(3%); | |
| -ms-transform: scale(1.1) translateY(3%); | |
| transform: scale(1.1) translateY(3%); | |
| } | |
| .css-19tcyot:hover a { | |
| color: #4C4D52; | |
| } | |
| .css-19tcyot:hover a.active { | |
| color: #FFFFFF; | |
| } | |
| .css-19tcyot a { | |
| font-size: 9.6vw; | |
| color: #FFFFFF; | |
| -webkit-transition-property: -webkit-transform,color; | |
| -webkit-transition-property: transform,color; | |
| transition-property: transform,color; | |
| -webkit-transition-duration: 225ms; | |
| transition-duration: 225ms; | |
| -webkit-transform: scale(0.7); | |
| -ms-transform: scale(0.7); | |
| transform: scale(0.7); | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-19tcyot a { | |
| font-size:4.8vh; | |
| } | |
| } | |
| @media screen and (max-width: 1279px) { | |
| .css-19tcyot a { | |
| font-size:32px; | |
| } | |
| } | |
| .css-19tcyot a.active { | |
| color: #EADE56; | |
| } | |
| .css-19tcyot a:hover { | |
| -webkit-transform: scale(0.8); | |
| -ms-transform: scale(0.8); | |
| transform: scale(0.8); | |
| } | |
| } | |
| .css-1xkdbnh { | |
| position: absolute; | |
| top: 50%; | |
| left: 18.75%; | |
| height: 8vh; | |
| -webkit-transition-property: height,-webkit-transform; | |
| -webkit-transition-property: height,transform; | |
| transition-property: height,transform; | |
| -webkit-transition-duration: 225ms; | |
| transition-duration: 225ms; | |
| -webkit-transform: translate(-50%,-50%) scale(0.7); | |
| -ms-transform: translate(-50%,-50%) scale(0.7); | |
| transform: translate(-50%,-50%) scale(0.7); | |
| cursor: pointer; | |
| opacity: 0; | |
| display: none; | |
| } | |
| .css-mrryi1 { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate(-50%,-55%); | |
| -ms-transform: translate(-50%,-55%); | |
| transform: translate(-50%,-55%); | |
| } | |
| .css-1lroij5 { | |
| width: 100vw; | |
| height: 275vh; | |
| background: radial-gradient(circle at bottom left 75vh,#4C4D52 100vh,transparent 200vh); | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-1lroij5 { | |
| background:radial-gradient(circle at bottom,#4C4D52 100vh,transparent 200vh); | |
| } | |
| } | |
| .css-cste9i { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| width: 100vw; | |
| height: 100vh; | |
| text-align: center; | |
| position: relative; | |
| padding-top: 10vh; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| overflow: hidden; | |
| } | |
| .css-p4kfce { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate(-50%,-110%); | |
| -ms-transform: translate(-50%,-110%); | |
| transform: translate(-50%,-110%); | |
| } | |
| .css-79elbk { | |
| position: relative; | |
| } | |
| .css-bj3q00 { | |
| position: absolute; | |
| top: 50%; | |
| left: -10vw; | |
| -webkit-transform: translateY(-60%); | |
| -ms-transform: translateY(-60%); | |
| transform: translateY(-60%); | |
| width: 23vw; | |
| height: 23vw; | |
| max-width: 23vh; | |
| max-height: 23vh; | |
| background-color: #D0B60A; | |
| border-radius: 50%; | |
| z-index: -1; | |
| opacity: 0; | |
| } | |
| .css-121hm39 { | |
| position: absolute; | |
| top: 50%; | |
| left: -10vw; | |
| -webkit-transform: translateY(-60%); | |
| -ms-transform: translateY(-60%); | |
| transform: translateY(-60%); | |
| width: 23vw; | |
| height: 23vw; | |
| max-width: 23vh; | |
| max-height: 23vh; | |
| background-color: #D0B60A; | |
| border-radius: 50%; | |
| z-index: -1; | |
| opacity: 0; | |
| background-color: #4C4D52; | |
| } | |
| .css-1rrwcf4 { | |
| width: 80vw; | |
| max-width: 80vh; | |
| } | |
| .css-kmelvh { | |
| font-family: "Source Sans Pro","Helvetica",sans-serif; | |
| font-weight: 300; | |
| font-size: 9vw; | |
| line-height: 0.75; | |
| -webkit-letter-spacing: 0.5vw; | |
| -moz-letter-spacing: 0.5vw; | |
| -ms-letter-spacing: 0.5vw; | |
| letter-spacing: 0.5vw; | |
| white-space: nowrap; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-kmelvh { | |
| font-size:9vh; | |
| -webkit-letter-spacing: 0.5vh; | |
| -moz-letter-spacing: 0.5vh; | |
| -ms-letter-spacing: 0.5vh; | |
| letter-spacing: 0.5vh; | |
| } | |
| } | |
| .css-16zzhb5 { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| width: 100vw; | |
| max-width: 75vh; | |
| margin-bottom: 5vh; | |
| } | |
| .css-frsaif { | |
| max-width: 50vw; | |
| max-height: 50vh; | |
| mix-blend-mode: lighten; | |
| } | |
| .css-4zwyeb { | |
| max-width: 50vw; | |
| max-height: 50vh; | |
| mix-blend-mode: lighten; | |
| -webkit-transform: translateY(5%); | |
| -ms-transform: translateY(5%); | |
| transform: translateY(5%); | |
| } | |
| .css-xxkbgs { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| width: 100vw; | |
| height: 100vh; | |
| text-align: center; | |
| position: relative; | |
| padding-top: 10vh; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| overflow: hidden; | |
| -webkit-box-pack: start; | |
| -webkit-justify-content: flex-start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| } | |
| .css-14xkkpy { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| height: 75vh; | |
| margin-top: 5vh; | |
| -webkit-box-pack: space-around; | |
| -webkit-justify-content: space-around; | |
| -ms-flex-pack: space-around; | |
| justify-content: space-around; | |
| } | |
| .css-1xr9606 { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-transform: translateX(-10vw); | |
| -ms-transform: translateX(-10vw); | |
| transform: translateX(-10vw); | |
| opacity: 0; | |
| } | |
| .css-198jgpx { | |
| height: 9.6vw; | |
| min-height: 48px; | |
| margin-right: 24px; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-198jgpx { | |
| height:9.6vh; | |
| } | |
| } | |
| .css-opya51 { | |
| width: 14.9vw; | |
| min-width: 72px; | |
| margin-right: 24px; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-opya51 { | |
| width:14.9vh; | |
| } | |
| } | |
| .css-egftj6 { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: start; | |
| -webkit-justify-content: flex-start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| position: absolute; | |
| top: 225vh; | |
| left: 0; | |
| width: 100vw; | |
| overflow-x: hidden; | |
| z-index: 10; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-egftj6 { | |
| -webkit-box-pack:center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| } | |
| .css-6quk9a { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: space-around; | |
| -webkit-justify-content: space-around; | |
| -ms-flex-pack: space-around; | |
| justify-content: space-around; | |
| -webkit-align-items: flex-end; | |
| -webkit-box-align: flex-end; | |
| -ms-flex-align: flex-end; | |
| align-items: flex-end; | |
| width: 100vh; | |
| height: 100vh; | |
| min-width: 100vh; | |
| min-height: 100vh; | |
| padding: 10vh 0; | |
| background-color: #FFFFFF; | |
| border-radius: 50%; | |
| overflow: hidden; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-6quk9a { | |
| -webkit-align-items:center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| margin: 0; | |
| } | |
| } | |
| .css-1bw86xj { | |
| height: 10vh; | |
| margin-right: calc(100vh - 100vw + 24px); | |
| -webkit-transform: translateX(10vw); | |
| -ms-transform: translateX(10vw); | |
| transform: translateX(10vw); | |
| opacity: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-1bw86xj { | |
| margin-right:0; | |
| } | |
| } | |
| .css-13rrzli { | |
| height: 8vh; | |
| margin-right: calc(100vh - 100vw + 24px); | |
| -webkit-transform: translateX(10vw); | |
| -ms-transform: translateX(10vw); | |
| transform: translateX(10vw); | |
| opacity: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-13rrzli { | |
| margin-right:0; | |
| } | |
| } | |
| .css-9f8ikw { | |
| height: 6vh; | |
| margin-right: calc(100vh - 100vw + 24px); | |
| -webkit-transform: translateX(10vw); | |
| -ms-transform: translateX(10vw); | |
| transform: translateX(10vw); | |
| opacity: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-9f8ikw { | |
| margin-right:0; | |
| } | |
| } | |
| .css-lhn810 { | |
| height: 12vh; | |
| margin-right: calc(100vh - 100vw + 24px); | |
| -webkit-transform: translateX(10vw); | |
| -ms-transform: translateX(10vw); | |
| transform: translateX(10vw); | |
| opacity: 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-lhn810 { | |
| margin-right:0; | |
| } | |
| } | |
| .css-gkximl { | |
| background-color: #7B6A62; | |
| } | |
| .css-15o1kgn { | |
| width: 100vw; | |
| height: auto; | |
| background: radial-gradient(circle at top left 75vh,#D0C7B8 100vh,transparent 200vh); | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-15o1kgn { | |
| background:radial-gradient(circle at top,#D0C7B8 100vh,transparent 200vh); | |
| } | |
| } | |
| .css-14exu2t { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| width: 100vw; | |
| height: 100vh; | |
| text-align: center; | |
| position: relative; | |
| padding-top: 10vh; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| overflow: hidden; | |
| -webkit-box-pack: start; | |
| -webkit-justify-content: flex-start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| height: auto; | |
| padding-top: 50vh; | |
| } | |
| .css-d6y2ix { | |
| padding-top: 10vh; | |
| margin-bottom: 24px; | |
| } | |
| .css-jhs49j { | |
| width: calc(100vw - 48px); | |
| height: calc(100vw - 48px); | |
| max-width: 400px; | |
| max-height: 400px; | |
| background: no-repeat top 30% center/cover url(/static/brandon.28072a54.jpg); | |
| border-radius: 50%; | |
| margin: 24px 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-jhs49j { | |
| height:75vh; | |
| width: 75vh; | |
| } | |
| } | |
| .css-1e059fw { | |
| padding: 24px; | |
| max-width: 600px; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-1e059fw { | |
| max-width:40vw; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .css-1e059fw { | |
| min-width:100vw; | |
| } | |
| } | |
| .css-yvfioh { | |
| width: calc(100vw - 48px); | |
| height: calc(100vw - 48px); | |
| max-width: 400px; | |
| max-height: 400px; | |
| background: no-repeat top 30% center/cover url(/static/gabriel.6c679b02.jpg); | |
| border-radius: 50%; | |
| margin: 24px 0; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| .css-yvfioh { | |
| height:75vh; | |
| width: 75vh; | |
| } | |
| } | |
| .css-a5r08e { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| width: 100vw; | |
| height: 100vh; | |
| text-align: center; | |
| position: relative; | |
| padding-top: 10vh; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| overflow: hidden; | |
| -webkit-box-pack: start; | |
| -webkit-justify-content: flex-start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| height: auto; | |
| min-height: 100vh; | |
| overflow: hidden; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| @media screen and (max-width:767px) { | |
| .css-a5r08e { | |
| min-height:160vh; | |
| } | |
| } | |
| .css-r3qotx { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: end; | |
| -webkit-justify-content: flex-end; | |
| -ms-flex-pack: end; | |
| justify-content: flex-end; | |
| position: absolute; | |
| left: 50%; | |
| top: 53%; | |
| -webkit-transform: translate(-50%,-50%); | |
| -ms-transform: translate(-50%,-50%); | |
| transform: translate(-50%,-50%); | |
| width: calc(100vw - 48px); | |
| height: auto; | |
| max-width: 600px; | |
| background-color: #FFFFFF; | |
| color: #4C4D52; | |
| border-radius: 12px; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| @media screen and (min-width:1280px) { | |
| .css-r3qotx { | |
| width:40vw; | |
| } | |
| } | |
| @media screen and (max-width: 767px) { | |
| .css-r3qotx { | |
| top:50%; | |
| width: calc(100vw - 48px); | |
| } | |
| } | |
| .css-3rwyyn { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| position: relative; | |
| width: 100%; | |
| height: calc(70vh - 120px); | |
| padding: 0 24px; | |
| padding-bottom: 12px; | |
| text-align: left; | |
| overflow-y: scroll; | |
| } | |
| @media screen and (min-aspect-ratio: 1/1) { | |
| @media screen and (max-width:767px) { | |
| .css-3rwyyn { | |
| height:80vh; | |
| } | |
| } | |
| @media screen and (min-width: 1280px) { | |
| .css-3rwyyn { | |
| height:30vw; | |
| } | |
| } | |
| .css-dp3ijl { | |
| width: 100%; | |
| margin-top: auto; | |
| word-break: break-all; | |
| } | |
| .css-13akwhr { | |
| width: calc(100% - 24px); | |
| margin: 12px; | |
| margin-top: 0; | |
| padding: 6px; | |
| background-color: transparent; | |
| color: #4C4D52; | |
| border: 2px solid #BEC1CF; | |
| border-radius: 12px; | |
| resize: none; | |
| line-height: 1.2; | |
| } | |
| .css-13akwhr::-webkit-input-placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-13akwhr::-moz-placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-13akwhr:-ms-input-placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-13akwhr::placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-13akwhr:-ms-input-placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-13akwhr::-ms-input-placeholder { | |
| opacity: 0.5; | |
| } | |
| .css-18tmmat { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| -webkit-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; | |
| flex-wrap: nowrap; | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| -webkit-align-items: center; | |
| -webkit-box-align: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| position: absolute; | |
| left: 50%; | |
| bottom: 0; | |
| -webkit-transform: translateX(-50%); | |
| -ms-transform: translateX(-50%); | |
| transform: translateX(-50%); | |
| width: 90vw; | |
| max-width: 336px; | |
| padding: 24px; | |
| } | |
| .css-1k2yo89 { | |
| width: 48px; | |
| -webkit-transform: translateY(20vh); | |
| -ms-transform: translateY(20vh); | |
| transform: translateY(20vh); | |
| opacity: 0; | |
| } | |
| </style> | |
| <style id="gatsby-inlined-css"> | |
| /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ | |
| html { | |
| line-height: 1.15; | |
| -webkit-text-size-adjust: 100% | |
| } | |
| body { | |
| margin: 0 | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: .67em 0 | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| overflow: visible | |
| } | |
| pre { | |
| font-family: monospace,monospace; | |
| font-size: 1em | |
| } | |
| a { | |
| background-color: transparent | |
| } | |
| abbr[title] { | |
| border-bottom: none; | |
| text-decoration: underline; | |
| text-decoration: underline dotted | |
| } | |
| b,strong { | |
| font-weight: bolder | |
| } | |
| code,kbd,samp { | |
| font-family: monospace,monospace; | |
| font-size: 1em | |
| } | |
| small { | |
| font-size: 80% | |
| } | |
| sub,sup { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline | |
| } | |
| sub { | |
| bottom: -.25em | |
| } | |
| sup { | |
| top: -.5em | |
| } | |
| img { | |
| border-style: none | |
| } | |
| button,input,optgroup,select,textarea { | |
| font-family: inherit; | |
| font-size: 100%; | |
| line-height: 1.15; | |
| margin: 0 | |
| } | |
| button,input { | |
| overflow: visible | |
| } | |
| button,select { | |
| text-transform: none | |
| } | |
| [type=button],[type=reset],[type=submit],button { | |
| -webkit-appearance: button | |
| } | |
| [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { | |
| border-style: none; | |
| padding: 0 | |
| } | |
| [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { | |
| outline: 1px dotted ButtonText | |
| } | |
| fieldset { | |
| padding: .35em .75em .625em | |
| } | |
| legend { | |
| box-sizing: border-box; | |
| color: inherit; | |
| display: table; | |
| max-width: 100%; | |
| padding: 0; | |
| white-space: normal | |
| } | |
| progress { | |
| vertical-align: baseline | |
| } | |
| textarea { | |
| overflow: auto | |
| } | |
| [type=checkbox],[type=radio] { | |
| box-sizing: border-box; | |
| padding: 0 | |
| } | |
| [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { | |
| height: auto | |
| } | |
| [type=search] { | |
| -webkit-appearance: textfield; | |
| outline-offset: -2px | |
| } | |
| [type=search]::-webkit-search-decoration { | |
| -webkit-appearance: none | |
| } | |
| ::-webkit-file-upload-button { | |
| -webkit-appearance: button; | |
| font: inherit | |
| } | |
| details { | |
| display: block | |
| } | |
| summary { | |
| display: list-item | |
| } | |
| [hidden],template { | |
| display: none | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment