/* Start of Intro*/

body{
  margin: 0;
  
 
}

.space-header{
  width: 100%;
  height: 55px;
  background-color: blue;
}

.space-footer{
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 0;
  bottom: 0;
  
}

/*Start of Intro*/

.intro-body{  
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  
}



.intro-me{
  display: flex;
  align-items: center;
  height: 425px;  
  /* margin-top: 60px; */
}

.intro-me img{
  margin: 10px;
}

.intro-me h1{
  font-size: var(--h1-size);
  margin: 0 0 0 40px;
  color: black;
  
}

.me{
  border-radius: 50%;
  box-shadow: 2.5px 2.5px 22px 6px var(--clr-dark);
  margin: 50px;
  height: 250px;
}

.hello{
  margin-top: 50px; 
  
}

/*End of Intro*/

/*****New Section*****/

/*Start of About Me/Learning*/


.about-me{
  background-color: var(--clr-dark);
    background-image: url(../Images/laptop.png);
    background-size: cover;
    background-blend-mode:multiply;
    color: var(--bg-white);
    text-align: center;
    margin: 0 25px 25px 25px;
    background-position: 50% 50%
    
}

.about-me-cont{
  width: 100%;  
}

.about-me-cont p{
  width: 80%;
  justify-content: center;  
}

.about-me-para{
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: left;
  font-size: var(--h5-size);

}


.about-me-cont > h2{
  font-size: var(--h2-size);
  z-index: 1;
  margin: 20px 0 0 0;
  
}

.about-me-cont > h3{
  font-size: var(--h3-size);
  z-index: 1;
  
}




.learning-cont h2{
  font-size: var(--h2-size);
  margin-top: 50px;
  
}

.learning-cont h3{
  font-size: var(--h3-size);
  margin-top: 50px;
  
}

.learning-cont a{
  /* text-decoration: none; */
  color: var(--bg-white);
  
}

.learning-cont a:hover {
  text-decoration: underline;
  color: cyan;

}

/*End of About Me/Learning*/

/*****New Section*****/

/*Start of Digital Capabilities*/

.Digital-Capabilities {
  background-color: var(--clr-dark);
    background-image: url(../Images/myProjects.jpg);
    background-size: cover;
    background-blend-mode:multiply;
    color: var(--bg-white);
    text-align: center;
    margin: 0 25px 25px 25px;
    background-position: 50% 50%
    
}

#Digital-Capabilities {
  font-size: var(--h2-size);
  z-index: 1;
  padding: 20px 0 0 0;
  
}


.Digital-Capabilities-cont{
  width: 50%;  
}

/*End of Digital Capabilities*/

/*****New Section*****/

/*Start of Digital Capabilities*/


.Digital-Projects-cont{
  width: 100%; 
}

.Digital-Projects-cont .card{
  display: flex;
  justify-content: center; 
  align-items: center;
  flex-direction: column;
  margin-bottom: 25px;
}

.Digital-Projects-cont .card img{
  width: 200px;
  height: 200px;
  object-fit: contain
  
  
}

.Digital-Projects-para{
  font-size: 24px;
}


#Digital-Projects{
  font-size: var(--h2-size);
  z-index: 1;
  padding: 20px 0 0 0;
  
}

.Digital-Projects-cont > h3{
  font-size: var(--h3-size);
  z-index: 1;
  
}



.Digital-Projects-cont .card h3{
  font-size: var(--h3-size);
  z-index: 1;
  padding: 0;
  margin-bottom: 10px;
  
}