#portfolioTitle
{
  padding-left: 20px;
}

body 
{
  margin-top: 40px !important; /* the height of the navigation bar */
}

.linkedin-icon, .fa-file-pdf
{
  font-size: 2.5rem;
  border-radius: 50%;
  transition: color 0.3s ease;
}

.github-icon
{
  font-size: 2.5rem;
  border-radius: 50%;
  transition: color 0.3s ease;
  vertical-align: sub;
  margin-left: 1%;
}

.linkedin-icon:hover
{
  color: #0077b5; /* LinkedIn blue color */
}

.github-icon:hover 
{
  color: #000; /* black color */
}

.github-icon-game:hover
{
  color: #fff !important;
}

.fa-file-pdf:hover
{
  color: #a40404;
}

.navbar
{
  justify-content: center; 
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.navbar-collapse
{
  justify-content: right;
  margin-right: 20px;
  margin-left:20px;
}

.navbar-icons
{
  text-align: center;
  margin-left: 3%;
  margin-right: 3%;
}

#about-me-header 
{
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-header
{
  padding-bottom: 5px;
  font-weight: bold;
}

.about-me-text 
{
  text-align: left;
  margin-bottom: -10px;
}

#developed-games 
{
  text-align: center; /* left alignment may be better*/
}

#main-header
{
  text-align: center;
}

#game-header
{
  padding-left: 5%;
  /* text-align: center; */
  margin-bottom: 3%;
}

.list-group-item
{
  padding-left: 30px;
}

.video-container
{
  width: 90%;  /* the width of the video */
  height: 100%; /* the height of the video */
  padding-bottom: 50.85%; /* the aspect ratio of the video */
  position: relative; /* position the video */
  margin: auto;
  margin-bottom: 30px;
}

.video-container iframe
{
  position: absolute; 
  width: 100%;
  height: 100%;
}

.container-text
{
  padding-right: 5%;
  padding-left: 5%;
  margin-bottom: 50px;
}

.prevent-container-margin /* for titles located below game explanation */
{
  margin-bottom: -31px !important;
}

#contact-info
{
  text-align: center;
  padding-bottom: 10px;
}

.video-border {
  border-radius: 10px;
  border: 3px solid lightgray;
}

.spacer-bot
{
  margin-bottom: 50px;
}

.spacer-bot-v2
{
  margin-bottom: 90px;
}

.align-ending
{
  text-align: end;
}

.align-beginning
{
  text-align: start;
}

/* .video-border
{
  width: 100vw;
  height: 100vh;
} */

#peakimgDiv
{
  width: 89vw;
  border-radius: 10px;
  border: 3px #adb5bd solid;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; 
}

img
{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}