@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
.nav-bar { width: 100%; background: linear-gradient(180deg, #000000 0%, #0b203ed0 50%, #133667 100%); font-family: "Poppins", serif; font-weight: 700 !important; transition: all 0.4s ease-in-out; position: fixed; padding-top: 5px; display: grid; grid-template-columns: repeat(5, 1fr); margin: auto; }

.nav-bar1 { width: 100%; background: none; background-color: #13366743; font-family: "Poppins", serif; font-weight: 700 !important; padding-top: 10px; margin: auto; z-index: 1; position: fixed; width: 100%; transition: all 0.4s ease-in-out; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; display: grid; grid-template-columns: repeat(5, 1fr); }

.nav-logo { grid-column: 3; width: 200px; justify-content: center; margin: auto; }

.nav-logo1 { grid-column: 1; width: 200px; justify-content: center; margin: auto; }

.nav-button { grid-column: 5; grid-row: 1; width: 6em; height: 2.5em; border: solid #ffffff; border-width: 0.1rem; background-color: transparent; color: #ffffff; margin: auto; margin-right: 7em; border-radius: 100px; justify-content: center; transition: all 0.4s ease-in-out; }

.nav-button:hover { grid-column: 5; grid-row: 1; width: 6em; height: 2.5em; border: solid #ffffff; border-width: 0.1rem; background-color: #ffffff; color: #133667; margin: auto; margin-right: 7em; border-radius: 100px; justify-content: center; transition: all 0.4s ease-in-out; }

.nav-button2 { grid-column: 5; grid-row: 1; width: 6em; height: 2.5em; border: solid #ffffff; border-width: 0.1rem; margin: auto; margin-right: 0.5em; background-color: transparent; color: #ffffff; border-radius: 100px; justify-content: center; transition: all 0.4s ease-in-out; }

.nav-button2:hover { grid-column: 5; grid-row: 1; width: 6em; height: 2.5em; border: solid #ffffff; border-width: 0.1rem; background-color: #ffffff; color: #133667; margin: auto; margin-right: 0.5em; border-radius: 100px; justify-content: center; transition: all 0.4s ease-in-out; }

.nav-bar a { width: 200px; grid-column: 3; margin: auto; }

.nav-bar1 a { width: 200px; grid-column: 1; margin: auto; }

.profile { background-size: cover; background-position: center; background-color: #133667 !important; text-align: center; height: 370px; margin-bottom: 50px; }

.profile h1 { font-size: 50px; font-weight: 700; color: white; margin-top: 80px; }

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

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

p, h1, h2, h3, h4, h5, h6, button { font-family: "Open Sans", serif; }

h2 { font-size: large; }

body { background-color: #f5f5f9 !important; background-size: cover; width: auto !important; overflow-x: hidden !important; font-family: "Open Sans", serif; }

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

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

.banner .logo img { height: 41px; }

.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; } }

.footer { width: 100%; height: fit-content; background-color: #133667; font-family: "Poppins", serif; font-weight: 700 !important; padding: 20px; display: grid; grid-template-columns: 1fr 4fr; justify-content: space-evenly; color: white; }

.left-section { display: flex; align-items: center; }

.right-section { display: flex; flex-direction: column-reverse; justify-content: space-between; }

.links:hover { color: white; }

.logo { height: 80px; }

.social-links { display: flex; flex-direction: row; justify-content: space-evenly; }

.list { display: flex; flex-direction: row; justify-content: space-evenly; }

.item { margin: 0; }

.item:hover { color: white; text-decoration: none; }

.fab { gap: 100px; }

@media only screen and (max-width: 550px) { .footer { width: 100%; height: fit-content; background-color: #133667; font-family: "Poppins", serif; font-weight: 700 !important; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; color: white; } .left-section { display: flex; flex-direction: column; align-items: center; padding-bottom: 10px; } .right-section { display: flex; flex-direction: column-reverse; justify-content: space-between; } .list { display: flex; flex-direction: row; justify-content: space-evenly; padding-bottom: 10px; } }

.fellow-page-banner { height: 100%; }

.user-container { display: flex; margin-top: 24px; }

.user-container .user-profile-image { width: 180px; border-radius: 5px; }

.user-container .user-information { color: white; margin-left: 1rem; }

.user-container .user-title { font-size: 3rem; font-weight: bold; }

.card-container { display: grid; grid-template-columns: repeat(4, 1fr); font-family: "Open Sans", sans-serif; }

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

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

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

body { background-color: #f5f5f9; }

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

.card { display: flex; flex-direction: row; align-items: center; margin: 20px 30px; background-color: white; border-radius: .375rem; padding: 1.5em; font-size: 1.2em; }

.card__social-container { display: flex; gap: 1rem; }

.card__social-link { width: 1.2rem; aspect-ratio: 1; transition: fill .3s; }

.card__social-link:hover { fill: #133667; }

a { color: black; }

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

.info .title { font-size: 500; font-weight: bold; }

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

.info .dates { font-size: small; color: #404040; }

.icon { width: 70px; height: 70px; margin-right: 20px; padding: 10px; }

.icon img { width: 100%; }

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