/* Fonts */
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
/* default link color */
a { color: #0d8cff; }
a:visited { color: #0d8cff }

body {font-family: "IBM Plex Sans",sans-serif;}

pre {font-family: 'Fira Code', monospace;}

code {font-family: 'Fira Code', monospace;}

blockquote {background: #fafafa; border-left: .25rem solid #dddddd;} 

label {font-weight:700;}

.float-right {
    float: right;
}

.gdoc-markdown h2 { padding-top: 10px; border-top: 1px solid lightgrey; }

.gdoc-markdown img {
     webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.75);
}

.gdoc-tabs {
    webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    
}

.gdoc-search__list {
    background: linear-gradient(to right,#50bd90 0%,#36c8ef 300%);
}

.gdoc-search__list>li>span {
  
  color: white;
  
}

.gdoc-search__entry,
.gdoc-search__entry:visited {
  
  color: white;
}
/* special classes */

.shadow {
    -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.75);
}

/* site header */
.gdoc-header {
    background: -webkit-gradient(linear,left top,right top,from(#50bd90),to(#36c8ef));
    background: linear-gradient(to right,#50bd90 0%,#36c8ef 100%);
    border-color: #FFFFFF; font-family: "IBM Plex Sans",sans-serif;}

.gdoc-header__link, .gdoc-header__link:visited { color: #ffffff; }
    
/* page links */
.gdoc-page__footer a, .gdoc-page__footer a:visited { color: #0d8cff; }
.gdoc-page__header a, .gdoc-page__header a:visited { color: #0d8cff; }

/* site footer */
.gdoc-footer { 
    background: -webkit-gradient(linear,left top,right top,from(#50bd90),to(#36c8ef));
    background: linear-gradient(to right,#50bd90 0%,#36c8ef 100%);
    color: #ffffff; 
}
    
.gdoc-footer__link{ color: #ffffff;}
.gdoc-footer__link:visited, .gdoc-footer__link:hover { color: #ffffff; text-decoration:underline;}



/* custom shortcodes */
/* button */
.gdoc-button { color: #0d8cff; }
.gdoc-button:hover { background-color: #0072d9; border-color: #0072d9; color: #ffffff; }

/* hint */
.gdoc-hint.info { background: #aad7ff; border-color: #0d8cff; color: black; }
.gdoc-hint.ok { background: #b4e3cf; border-color: #50bd90; color: black; }
.gdoc-hint.warning { background: #ffe7ae; border-color: #ffcf60; color: black; }
.gdoc-hint.danger { background: #f9c4b5; border-color: #ef5d36; color: black; }


/* Expand */

.gdoc-expand__head {
  background: #50bd9047;
}

/* PROFILE CARDS */

.card {
	height: 300px;
	width: 25%;
	transform-style: preserve-3d;
	perspective: 600px;
	transition: .5s;
	color: white;
	text-align:left;
	margin: 10px;
}

.card:hover .card-front {
	transform: rotateX(-180deg);
}

.card:hover .card-back {
	transform: rotateX(0deg);
}

.card-front {
	height: 100%;
	width: 100%;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	backface-visibility: hidden;
	transform: rotateX(0deg);
	transition: .5s;
	box-shadow: 0 8px 8px 0 rgba(0,0,0,0.3);
}

.card-front h1 {
	text-align: center;
	padding-top: 5px;
    margin-top: 85%;
    color: black;
    background-color: #ffcf60;
    width: 90%;
	font-size: 1.3em;
    height: 60px;
    margin-bottom: 0px;
    -webkit-box-shadow: 11px 11px 0px -3px #000000;
    box-shadow: 11px 11px 0px -3px #000000;
    display:table;
}

.card-front .job-title {
	font-size : 0.7em;
}

.card-back {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right,#50bd90 0%,#36c8ef 175%);
	backface-visibility: hidden;
	transform: rotateX(180deg);
	transition: .5s;
	color: #ffffff;
	text-align: left;
	box-shadow: 0 8px 8px 0 rgba(0,0,0,0.3);
}

.card-back h2 {
	margin: 10% auto 10% auto;
	font-size: 1.6em;
	text-align:center;
	padding-bottom: 10px;
    border-bottom: 1px solid white;
    padding-top: 0px;
    border-top:none;
    display: table;
}


.card-back h2 span {
	font-size: 0.6em;
}

.card-back ul {
    font-size: 1em;
}

.card-back li {
	margin-bottom: 6px;
}

.card-back a {
    color: white;
}
.icons {
	margin-left: 10% !important;
    text-align: left;
}

.fa-li {
  top: .16em !important;
  
}

/*===========CODING=========*/

.chroma .nf {
 color: #ef5d36; 
 font-weight: normal;
}

.chroma .s {
    color: #0d8cff;
}

.chroma .nv {
    color: teal; 
}

.chroma .s1 {
    color: #0d8cff;
}
.chroma .s2 {
    color: #0d8cff;
}

.chroma .c1 {
    color: seagreen;
    font-style: italic;
}

.chroma .si {
    color: #0d8cff;
}