/* Layout */
body {
  background-image: url("images-docs/computer.jpg");
  /* background-color: #cccccc; */
  min-height: 100vh;
}

main {
  height: calc(100vh - 406px);
  overflow: auto;
}

/* footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;  
  } */

/* Main styling every page */
.personalInfo {
  text-align: center;
  color: white;
  font-family: "Roboto Mono", monospace;
  font-weight: 500;
}

.myName {
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  color: black;
}

.hidden {
  display: none;
}

.navbar {
  background-color: rgba(236, 239, 243, 0.9) !important;
  padding-bottom: 1em !important;
}

.box {
  /* background-color: #cccccc; */
  /* opacity: 50%; */
  background-color: rgba(236, 239, 243, 0.9) !important;
}

.nav-link {
  font-size: 1em !important;
  font-family: "Roboto Mono", monospace !important;
  font-weight: 100 Thin !important;
  /* padding-left: 50% !important;
   padding-right: 50% !important; */
  justify-content: space-around !important;
}

.navbar-nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.welcomeMsg {
  text-align: center;
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  padding-top: 1em;
}

.homeMessage {
  text-align: center;
  font-size: 1em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  padding-top: 5em;
}

.row {
  justify-content: center;
  margin: 0 !important;
}

.container {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Current footer styling  */
.madeBy {
  bottom: 0;
  width: 100%;
  color: black;
  background-color: rgba(236, 239, 243, 0.9);
  text-align: center;
  font-family: "Roboto Mono", monospace;
  font-weight: 300;
  padding-top: 1em;
  padding-bottom: 1em;
  /* margin-top: 2em;
  margin-bottom: 2em; */
}

/* Home page styling */
.btn {
  font-family: "Roboto Mono", monospace;
  font-weight: 300;
}

.btnDiv {
  padding-top: 2em;
  padding-bottom: 5em;
}

/* Portfolio styling  */
.portMsg {
  text-align: center;
  font-size: 1em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  padding-top: 3em;
}

.portTitle {
  text-align: center;
  font-size: 1.25em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  padding-top: 3em;
}
.portTech {
  text-align: center;
  font-size: 1em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
}

.portTechHead {
  text-align: center;
  font-size: 1em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  padding-top: 1em;
}
/* Contact me styling  */
.contactInfo {
  text-align: center;
  font-size: 1.25em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
  padding-top: 2em;
}

/* About me styling  */
.imgRow {
  text-align: center;
}

.aboutMsg {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: 2em;
  padding-left: 2em;
  font-size: 1em;
  font-family: "Roboto Mono", monospace;
  font-weight: 100 Thin;
}

/* GitHub and LinkedIn logos */
.flex-container {
  display: flex !important;
  justify-content: space-around !important;
}

.fa-github {
  color: black;
}