Skip to content

Instantly share code, notes, and snippets.

@1aurabrown
Created October 14, 2021 09:41
Show Gist options
  • Save 1aurabrown/c633fb16b4f75cb2d5b7f60b70ed46db to your computer and use it in GitHub Desktop.
Save 1aurabrown/c633fb16b4f75cb2d5b7f60b70ed46db to your computer and use it in GitHub Desktop.
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
:root {
/* Fonts */
--font-serif: 'Source Serif Pro', serif;
--font-sans-serif: 'Inter', sans-serif;
--blue-color: #2064D2;
--light-blue-color: #4085F1;
--pale-blue-color: #E2EEFF;
--blue-accent-color: #B8D3F9;
--primary-brand-color: var(--blue-color);
--secondary-brand-color: var(--gold-color);
--font-color: #333333;
--gray-color: #555556;
--white: #FFF;
--black: #000;
--blue-color: #2064D2;
--light-blue-color: #4085F1;
--pale-blue-color: #E2EEFF;
--blue-accent-color: #B8D3F9;
--gold-color: #F2B649;
--pale-yellow-color: #fbf9f1;
--yellow-accent-color: #F9E6C1;
--orange-color: #D98568;
--pale-orange-color: #F8EAE5;
--orange-accent-color: #F2D1C6;
--green-color: #266B49;
--pale-green-color: #E1F1E9;
--green-accent-color: #BAD4C7;
}
body {
font-family: "Inter", sans-serif;
}
.accessible .opening {
line-height: 20px;
background-color: rgba(255, 255, 255, 1.0);
pointer-events: auto;
height: 100%;
box-sizing: border-box;
width: 100%;
position: relative;
border-radius: 8px;
border-style: solid;
border-width: 1px;
border-color: rgba(186, 186, 186, 0.3);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
padding: 30px;
text-align: center;
margin-bottom: 15px !important;
}
.accessible .opening a {
font-weight: bold;
background-color: rgba(255,255,255,0.0);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "Inter", sans-serif;
font-size: 24.0px;
color: rgba(46, 44, 116, 1.0);
text-align: center;
line-height: 30.0px;
}
.accessible .location {
background-color: rgba(255,255,255,0.0);
margin: 0;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "Source Serif Pro", serif;
font-weight: 300;
font-style: normal;
font-size: 18.0px;
color: rgba(123, 123, 123, 1.0);
text-align: center;
line-height: 26.0px;
margin-top: 10px !important;
display: block;
}
.company-name, #app_body #header a {
background-color: rgba(255,255,255,0.0);
margin: 0;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "Source Serif Pro", serif;
font-weight: 300;
font-style: normal;
font-size: 18.0px;
color: rgba(123, 123, 123, 1.0);
line-height: 26.0px;
}
#app_body #header a {
text-decoration: underline;
}
.accessible .opening a:hover {
text-decoration: none;
}
.accessible .level-0 h2, .accessible .level-0 h3, .accessible .level-0 h4, .accessible .level-0 h5, .accessible .level-0 h6 {
text-align: center;
color: rgba(32, 100, 210, 1.0);
font-family: "Source Serif Pro", serif;
}
#wrapper #board_title {
color: rgba(32, 100, 210, 1.0);
font-family: "Inter", sans-serif;
}
.bp1-getstarted, .accessible #content p, .accessible #content li{
background-color: rgba(255,255,255,0.0);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "Inter", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18.0px;
color: rgba(43, 43, 43, 1.0);
line-height: 26.0px;
}
#app_body {
max-width: 100% !important;
}
#app_body #header {
padding-right: 0;
text-align: center;
}
#app_body h1, #wrapper h1 {
color: rgba(32,100,210,1.0);
font-family: "Source Serif Pro", serif;
text-align: center;
font-size: 48.0px;
line-height: 52.0px;
margin-top: 0px;
margin-bottom: 10px;
}
#app_body #application {
margin: 0 auto;
}
#app_body #submit_buttons {
text-align: center !important;
}
.accessible #content h3 {
color: rgba(46, 44, 116, 1.0);
font-family: "Inter", sans-serif;
font-size: 22px;
}
.accessible .level-0 h3 {
font-family: "Source Serif Pro", serif;
font-weight: 600 !important;
font-style: normal;
font-size: 20px;
color: rgba(43, 43, 43, 1.0);
letter-spacing: 1.2px;
line-height: 22.0px;
text-transform: uppercase;
padding-top: 30px;
}
.accessible #submit_app, .accessible #apply_button, .accessible #submit_app:hover, .accessible #apply_button:hover {
background-color: #F9EA33 !important;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "Source Serif Pro", serif;
font-weight: 600 !important;
font-style: normal;
font-size: 12.0px;
color: rgba(43, 43, 43, 1.0);
text-align: center;
letter-spacing: 0.7px;
line-height: 15.0px;
border-radius: 27px;
text-shadow: none !important;
text-decoration: none;
}
#header #apply_button {
color: #000 !important;
text-decoration: none !important;
font-size: 12px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment