@charset "utf-8"; /* CSS Document */

/* Global Styles */

@font-face {
  font-family: 'myfont';
  src: url('fonts/LucidaHandwritingStdRg.TTF') format('truetype'); 
  /* Fixed format */
}


body {
            background-color: lightgreen;
            margin: 10px;
            padding: 5px;
            font-family: Arial, sans-serif;
}




.link {
    position: absolute;
/*    background: rgba(255, 255, 255, 0.7); */
    padding: 5px;
    text-decoration: none;
    border-radius: 5px;
       color: grey; /* Set the desired color */
}


/*
 for setup and layout only Global Styles 
div {
  outline: 2px solid orange;
}
*/





/* Heading Styles */


       
        h1  {
            color: purple;
            text-align: center;
             font-size: 60px;
         /*  font-family: "Lucida Handwriting", cursive; */
             font-family: "myfont", cursive;
            text-shadow: 2px 2px 4px gray;
        }
         h2 {
             color: darkgreen;
            text-align: center;
            margin: 20px;
             text-shadow: 4px 4px 4px gray;
        }
        h3 {
            font-size: 24px;
            font-weight: bold;
            color: black;
            text-align: center;
            margin-top: 20px;
}
        
         p {
             color: darkgreen;
            text-align: center;
            margin: 5px;
             text-shadow: 2px 2px 4px gray;
        }
        
        .gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            padding: 20px;
        }
        .photo {
            width: 200px;
            height: 200px;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            background-color: #fff;
        }
        .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        

.center-image {
width:75%;
    text-align: center;
   position: relative; 
    margin: 0 auto;
   /*   display: inline-block;*/
}
.center-image img {
     width: 75%;
            height: 100%;
    border-radius: 50px; /* Adjust the value to control the roundness */
    text-align: center;
    
}


/* For personal pages main image */
.person-image {
text-align: center;
position: relative; 
}
.person-image img {
border-radius: 50px; /* Adjust the value to control the roundness */
width:25%;
text-align: center;
}

/* ------   SOCIALS ------  */
.socials {
    display: flex;
    align-items: center; /* Centers items vertically */
    justify-content: center; /* Centers items horizontally */
  /*   height: 100px; Adjust based on your layout */
}

.socials img {
   width:80%; 
}



        .overlay-text {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
   
   /*  */
   
    
}

 .overlay-text p {
    color: black; /* Set the desired color */
    background-color: yellow; /* Fallback color */
    background-color: rgba(144,238,144, .7);
    padding: 2px 5px;
    border-radius: 10px;
    font-size: 14px;
    white-space: nowrap;
    font-weight: bold;
 }
     
     
     
    .photo {
    position: relative;
    display: inline-block;
}


a {
    color: darkgreen; /* Set the desired color */
    text-decoration: underline;
}
.auto-style1 {
    /* CSS for contact us form  */
            color: darkgreen;
        /*    text-align: center; 
            margin: 5px;*/
            text-shadow: 2px 2px 4px gray;
}





 /* What we do at the monte css */
.wwdimage {
  width: 20%;
  height: auto;
   overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            background-color: #fff;
}
@font-face {
  font-family: 'myCustomFont';
  src: url('fonts/LucidaHandwritingStdBlack.TTF') format('ttf'),
}