@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Open+Sans&display=swap");

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4 {
  font-family: "Josefin Sans", sans-serif;
}

p,
h5,
h6,
li {
  font-family: "Open Sans", sans-serif;
}

h2 {
  font-size: 5em;
}
p {
  font-size: 1.5;
}

.about-container {
  margin-bottom: 200px;
}

header,
main,
footer {
  padding-left: 300px;
}

@media only screen and (max-width: 992px) {
  header,
  main,
  footer {
    padding-left: 0;
  }
}

.top-nav-icons {
  margin-right: 0px;
  padding-right: 0px;
}

.nav-icon {
  padding-right: 15px;
}

.main-container {
  font-family: "Markazi Text", serif;
  text-align: center;
  position: absolute;
}

.projects {
  margin-top: 15%;
  margin-bottom: 5%;
}

.profile-pic {
  margin-top: 10%;
  padding: 2%;
}

.profile-logo {
  width: 75%;
  height: 100%;
}

.info-item {
  padding-left: 25px;
  padding-right: 25px;
  margin: 2%;
}
.material-icons {
  margin-right: 5px;
}

main {
  margin-top: 50px;
}

.modal-pic {
  margin: 25px;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.tech-section,
.skills {
  margin-left: 15%;
  margin-right: 15%;
}

.contact-icon {
  color: #000;
}

.card-image {
  height: 400px;
}

.tech-img {
 max-width: 70px;
  height: 70px;
}

.card-content{
  height: 175px;
}

.modalTopic {
  font-weight: bold;
}

.tech-section{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}