@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap");
.nav-bar { width: 100%; display: inline-block; background-color: #FFF; font-family: "Poppins", serif; font-weight: 700 !important; padding-top: 10px; }

.nav-content .logo-touch-target { display: inline-flex; height: 60%; width: 350px; }

.nav-content .nav-logo { height: 60px; margin: 40px 0 45px 0; }

.nav-logo { display: flex; align-items: center; justify-content: center; }

.nav-logo img { width: 200px; }

.nav-content nav { display: block; width: 100%; text-align: right; padding-top: 0px; padding-right: 0px; }

.profile { background-color: #f9b660; text-align: center; min-height: 320px; padding: 30px; margin-bottom: 50px; border-bottom: 6px solid black; }

.profile h1 { font-size: 50px; font-weight: 700; color: #2a3339; }

.profile .profile-picture img { border-radius: 50%; max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto; display: block; padding: 20px; }

.profile .profile-picture { margin-bottom: 30px; height: 200px; }

.profile a, .profile a:hover, .profile a:visited { color: rgba(59, 71, 79, 0.92); }

.profile .socials { display: flex; justify-content: center; grid-gap: 24px; }

.profile .socials a:hover { text-decoration: none; }

.profile .socials a:hover img { opacity: 0.8; }

.profile .socials img { filter: brightness(0) saturate(100) invert(16%) sepia(17%) saturate(607%) hue-rotate(161deg) brightness(96%); transition: opacity 0.2s; }

h2 { font-size: large; }

body { background-color: #22224d; background-size: cover; width: auto !important; overflow-x: hidden !important; font-family: 'Roboto Mono', "Open Sans", sans-serif; color: white; }

.banner { padding: 20px 0px 50px 0px; height: 150px; background-color: #1d539f; }

.banner .logo { max-width: 180px; max-height: 60px; width: auto; height: auto; }

.banner .title { color: white; font-size: 50px; font-weight: 700; }

.page { text-align: left; }

.page h1 { text-align: left !important; font-weight: 800 !important; color: black; margin-bottom: 0.7em; }

.page h2 { text-align: left !important; font-weight: 800 !important; color: black; margin-bottom: 0.5em; }

.page h3 { font-weight: 600 !important; text-align: left !important; color: black; font-size: 1.3rem; }

.page h4 { font-weight: 600 !important; text-align: center !important; color: black; }

.page p { color: black; font-weight: 500; }

.page td { color: black; }

.page th { color: black; }

.page li { color: black; }

.page a { color: #0f90fe; }

.page a:hover { color: #0f90fe; }

.page code { color: #17a2b8; }

hr { background-color: black; padding: 1px; margin-top: 1em !important; margin-bottom: 1em !important; }

@media screen and (max-width: 768px) { .banner { padding: 20px 0px 20px 0px; height: 110px; } .banner .logo { max-width: 150px; max-height: 60px; width: auto; height: auto; } .banner .title { color: white; font-size: 30px; font-weight: 700; } .page h1 { font-size: 1.5rem !important; } .page h2 { font-size: 1.2rem !important; } .page h4 { font-size: 0.8rem !important; } }

.card { /** Global styles and utilities for cards */ /** Employment */ /** Part-Time */ /** Education */ /** Volunteering */ }

.card.torq { background: #000000; color: white; }

.card.torq img { filter: brightness(100); }

.card.fortinet { background: #DA291C; color: white; }

.card.fortinet img { filter: brightness(100); }

.card.nextdlp { background: #382FF1; color: white; }

.card.aws { background: #f29e39; color: #212529; }

.card.aws img { filter: brightness(0); }

.card.komodo { background: #243551; color: white; }

.card.komodo img { filter: brightness(100); }

.card.vm { background: #aa0000; color: white; }

.card.hc { background: #07b9e8; color: #212529; }

.card.hc img { filter: brightness(0); }

.card.mlh { background: #ca1508; color: white; }

.card.mlh img { filter: brightness(100); }

.card.fellowship { background: #1D539F; color: white; }

.card.lsc { background: #2a1495; color: white; }

.card.du { background: #611c66; }

.card.aws-cp { background: #293543; color: white; }

.card.aws-sa, .card.aws-dev, .card.aws-so { background: #0c1e91; color: white; }

.card.aws-sec { background: #3b1b8b; color: white; }

.card.aws-devops-pro { background: #016080; color: white; }

.card.hashicorp-terraform { /** Based on https://drive.google.com/uc?export=download&id=1M91XdVZINeS6K7Ut7958OhhXa0HK3bjr from https://www.hashicorp.com/brand */ background: #F4ECFF; color: #212529; }

.card.hashicorp-vault { background: #FFF9CF; color: #212529; }

.card.gcp-ace { background: #5186ec; color: white; }

.card.gcp-pcd { background: #f0bf38; color: #212529; }

.card.spark { background: #0094d6; color: white; }

.card.spark img { filter: brightness(100); }

.card.huk { background: #e91e63; color: white; }

.card.huk img { filter: brightness(100); }

.card.dh { background: #1a1a1a; color: white; }

.card.compsoc { background: #95c5cd; color: #212529; }

.card-container { display: grid; grid-template-columns: repeat(4, 1fr); }

@media only screen and (max-width: 1700px) { .card-container { grid-template-columns: repeat(3, 1fr); } }

@media only screen and (max-width: 1200px) { .card-container { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 768px) { .card-container { grid-template-columns: 1fr; } }

body { margin-bottom: 50px; }

h2 { margin-bottom: 20px; margin-top: 20px; font-weight: 700; text-align: center; }

.card { align-items: center; margin: 20px 30px; background-color: white; border-radius: .375rem; padding: 1.5em; font-size: 1.2em; display: grid; grid-template-columns: 90px auto; grid-column-gap: 20px; }

a { color: black; }

.info p { margin-top: 5px; margin: 0px; text-align: left; }

.info .title { font-size: 16px; font-weight: 900; }

.info .location { font-size: medium; font-weight: 400; }

.info .description { font-size: small; font-weight: 400; }

.info .dates { font-size: small; opacity: 0.8; }

img { max-width: 100%; }

/*# sourceMappingURL=main.css.map */