@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 16, 2020 */

@font-face {
  font-family: "apple_garamondbold";
  src: url("")
      format(
        "https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-bold-webfont.woff2?v=1592360420660"
      ),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-bold-webfont.woff?v=1592360400331")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "apple_garamondbold_italic";
  src: url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-bolditalic-webfont.woff2?v=1592360419983")
      format("woff2"),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-bolditalic-webfont.woff?v=1592360421218")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "apple_garamonditalic";
  src: url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-italic-webfont.woff2?v=1592360421152")
      format("woff2"),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-italic-webfont.woff?v=1592360420725")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "apple_garamond_lightregular";
  src: url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-light-webfont.woff2?v=1592360420560")
      format("woff2"),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-light-webfont.woff?v=1592360420155")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "apple_garamond_lightitalic";
  src: url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-lightitalic-webfont.woff2?v=1592360420582")
      format("woff2"),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-lightitalic-webfont.woff?v=1592360420346")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "apple_garamondregular";
  src: url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-webfont.woff2?v=1592360420397")
      format("woff2"),
    url("https://cdn.glitch.com/7585befe-b6aa-41c3-b372-a258a02488a8%2Fapplegaramond-webfont.woff?v=1592360420610")
      format("woff");
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 500px) {
  .philimg {
    float:unset !important;
  }
} 

body {
  font-family: "Inter";
  background-color: #fff;
  color: #404040;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: 1.2em;
  font-weight: bold;
}

h2 {
  font-size: 1.1em;
  font-weight: bold;
}


.appleg{
  font-family:"Inter";
  margin-top: 10px !important;
}

body a {
  color: #111;
  text-decoration: underline;
}
body a:hover {
  color: #000;
}

.centerdiv {
  display: flex;
  align-items: center;
  height: 100vh;
}

.aligntopdiv {
  display: flex;
}

.connectwithme {
  display: none;
}

.top {
  display: inline-block;
  max-width: 675px;
  margin: auto;
  padding: 1.5em;
}

.top-heading,
.currentwork,
.sidework,
.top-title,
.oldwork {
  margin-top: 1em;
}

.top-heading {
  display: inline;
}

.top-title {
  font-size: 2rem;
  font-weight: 600;
  display: block;
}

b {
  font-weight: 600;
}

.company-logo {
  width: 1.2em;
  height: 1.2em;
}

.company-name {
  text-decoration: underline;
  display: inline-block;
  font-weight: 600;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: -5px;
}

.company-name > a:hover {
  color: unset;
}

.company-name > img {
  margin-right: 2px;
}

.work-item {
  margin-top: 16px;
  margin-bottom: 16px;
}

.spc {
  color: #daa563 !important;
  --background-color: #f6e9d8;
  --dark-version: #a47c4a;
}

.trustedfor {
  color: #1181fb !important;
  --background-color: #c4e0fe;
  --dark-version: #0d61bc;
}

.launchpad {
  color: #a0051d !important;
  --background-color: #e7c1c7;
  --dark-version: #780416;
}

.gwf {
  color: #b69d00 !important;
  --background-color: #ede7bf;
  --dark-version: #897600;
}

.neighborly {
  color: #019980 !important;
  --background-color: #BFF3E5;
  --dark-version: #019980;
}

.default {
  color: #1181fb !important;
  --background-color: #c4e0fe;
  --dark-version: #0d61bc;
}

.solveriq {
  color: #7e70dc !important;
  --background-color: #dfdbf6;
  --dark-version: #5f54a5;
}

.riceuniv {
  color: #183f7c !important;
  --background-color: #c5cfde;
  --dark-version: #122f5d;
}

.wildfire {
  color: #eb7060 !important;
  --background-color: #fadbd7;
  --dark-version: #b05448;
}

.email {
  color: inherit !important;
  --background-color: #dbdbdb;
  --dark-version: #545454;
}

.spc:hover,
.trustedfor:hover,
.launchpad:hover,
.gwf:hover,
.default:hover,
.solveriq:hover,
.riceuniv:hover,
.wildfire:hover,
.neighborly:hover,
.email:hover {
  background-color: var(--background-color);
  color: var(--dark-version) !important;
  transition: background-color 0.05s ease-in, color 0.05s ease-in;
}

.top-title.notif {
  display: block;
  background-color: #019980;
  padding: 9px;
  border-radius: 4px;
  color: white;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 1em;
}

.currentthing {
  padding: 16px 16px;
  box-shadow: inset 0 0 0 0.1px #774ee0;
  background-color: rgba(119, 78, 224, 0.06);
  border-radius: 8px;
  color: #3d4045;
}

.currentthing > a {
  color: #774ee0;
  text-decoration: none;
  text-underline-position: below;
  display: block;
  font-weight: 600;
  margin-top: 8px;
}

.currentthing.covid {
  background-color: rgba(255, 43, 0, 0.06);
  box-shadow: inset 0 0 0 0.1px red;
}

.currentthing.covid > a {
  color: red !important;
}

.work-heading {
  padding-right: 0px;
  margin-top: 16px;
  padding-left: 0px;
  margin-bottom: 8px;
  border-radius: 0px;
  color: #111;
  background-color: transparent !important;
  font-family: "Inter";
}

.current-recent {
  margin-top: 8px;
  display: block;
}

.current-recent > a {
  text-decoration: underline;
  color: #111;
}

.section {
  margin-top: 16px !important;
  display: inline-block;
}

.philimg {
  float: left;
}