/*body {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
*/

.w3-container{
margin-left:10%;
margin-right:10%;
    }

.menu_items{
    margin-top:45px;
   /* margin-left:50px;*/
}

.profile_name {
    font-size:2.5em;
 /* float: left;
  padding-left: 2cm;
  color: lightgrey;
  font-size: 35px;		
  /* Add the styles here */
}

.contact_info {
    margin-top:-10px;
  /*font-size: 15px;
  font-style: italic;
 /* display: flex;
  align-items: center;*/
 /* flex-direction: row;*/
}
/*.w3-bar-item{
text-align:center;
    margin-left:20px;
    }
*/

/*                             About me         */ 
#about-me h1 {
  font-size: 2em;
  color: black;/* #7500bc;*/
}

#about-me p {
  font-size: 1.2em;
  text-align:justify;
  padding-right:10px;
}
/* Titles */
h2 {
  text-align: justify;
  font-size: 50px;
  text-align: center;
   float: left;
 
  color: black;/* #7600bc;
/*  margin: 30px; margin-left: 60px; margin-top: 40px; margin-bottom: 0px;
*/
}
/* Skills */

/*.all_skills { display: flex; flex-direction: row; flex-flow: wrap; }
*/
.skill {
  border: 1px solid gray;
 /* display: block;*/
  border-radius: 6px;
  text-align: justify;
  padding: 15px;
  margin:0px;
  /*width: 2in;
  font-size: 20px;*/
  box-shadow: 0 3px 10px gray;
  
}

/*.skill img { height: 35px; align-items: center; }
*/
/*.skills h6 { align-items: center; font-size: 20px; margin-block-start: 8px; margin-block-end: 5px; font-weight: bold; } 
*/

/*.skills p { align-items: center; font-size: 15px; color: gray; margin-block-start: 5px; margin-block-end: 5px; } 
*/
/*.flex_center { display: flex; align-items: center; justify-content: center; }
*/
/* social 

#social p {
  font-size: 25px;
  color: rgb(0,0,0);
 /* margin-top:  280px;

}

.social-container {
  margin-top: 30px;
  margin-left: 60px;
}
*/
.social-container hr {
  border: 1px solid lightgray;
  width: 75%;
  margin-left: 5cm;
}
/*
.social-card {
  margin: 0 15px 15px 30px;
  padding-bottom: 5px;
}

.social-card h3 {
  font-size: 25px;
  margin-left: 30px;
}

.social-card li {
  font-size: 20px;
  margin-left: 30px;
}

*/
.iconbutton{
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: black;/* #7600bc;*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 3%;
  bottom: 3%;
  cursor: pointer;
}

/* July 2025 Blog page */
/* centering main image */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.blogImage{
    width: 800px;
    height: auto;

}
