@charset "utf-8";
/* CSS Document */
body{margin:0;}
body{background-color: rgba(25,37,15,1);}

/*HEADER*/
.header p{font-family: "kit-sans", sans-serif; font-weight: 400;font-size: 35px; color:rgba(71,86,55,1);}
.header a{text-decoration: none;}
.header p:hover{color: rgba(220,221,222,1);cursor: pointer; transition: color 0.3s ease; /* Makes the change smooth */}


/*HOME*/
.full-width-img {position: relative;margin:0 !important;      /* Removes the 2% side margins and 0.5rem top/bottom */width: 100% !important;    /* Overrides the 96% width to fill the row */display: block;            /* Removes the tiny bottom gap */}
.content img{display: block;vertical-align: bottom;}
.overlay-text {position: absolute;
    
    /* SPECIFIC AREA: Adjust these % to move the text anywhere */
    top: 74%;      /* Distance from top */
    left: 55%;     /* Distance from left */
    
    /* This perfectly centers the text on the coordinates above */
    transform: translate(-50%, -50%); 
    
    /* Styles from your image */
    font-family: "kit-sans", sans-serif;
    font-weight: 700;
    font-size: 65px;
    color: rgba(71, 86, 55, 1);
    
    z-index: 10;   /* Keeps text on top of the image */
    margin: 0;     /* Removes default paragraph margins */
}

.content a{text-decoration: none;}
.full-width-img a:hover .overlay-text {
    color: rgba(220,221,222,1); /* Changes to white, or any color you like */
    cursor: pointer;
    transition: color 0.3s ease; /* Makes the change smooth */
}
.footer {display:block;background-color: rgba(71,86,55,1);height:75px;}



/*ABOUT PAGE*/
.aboutcontent{background-color: rgba(25,37,15,1);}
.aboutcontent p{font-family: "gelica", sans-serif;font-weight: 700;font-size: 100px; color:rgba(220,221,222,1);line-height: .7;}
.aboutcontent span{font-family: "gelica", sans-serif;font-weight: 700;font-size: 100px; color:rgba(71,86,55,1);}



.aboutme p{color:rgba(220,221,222,1);font-family: "kit-sans", sans-serif; font-weight: 400;font-size: 18px;}


/*PORTFOLIO PAGE*/
.portfoliotitle p{font-family: "gelica", sans-serif;font-weight: 700;font-size: 55px; color:rgba(220,221,222,1);text-align: center;}
.portfoliophotography p{font-family: "kit-sans", sans-serif; font-weight: 500;font-size: 35px; color:rgba(71,86,55,1);;}
.portfoliodrawing p{font-family: "kit-sans", sans-serif; font-weight: 500;font-size: 35px; color:rgba(71,86,55,1);}
.portfoliodigital p{font-family: "kit-sans", sans-serif; font-weight: 500;font-size: 35px; color:rgba(71,86,55,1);}


/*CONTACT PAGE*/
.contactcontent p{font-family: "gelica", sans-serif;font-weight: 700;font-size: 55px; color:rgba(220,221,222,1);}
.contactform p{font-family:"kit-sans", sans-serif; font-weight: 400;font-size: 22px; color:rgba(220,221,222,1);}
.contactform {padding-bottom: 50px;}


/*CONTACT FORM*/
.col-5 form {
    max-width: 500px;
    margin: auto; /* Centers the form on the page */
    padding: 25px;
    background-color: rgba(71,86,55,1);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */
	font-family: "gelica", sans-serif;font-weight: 700;font-size: 18px;color:rgba(220,221,222,1);}

  /* 2. Labels: Makes the text above boxes bold and neat */
  label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color:rgba(220,221,222,1);
  }

  /* 3. Inputs & Textarea: Makes the boxes full-width and pretty */
  input[type="text"],
  input[type="email"],
  textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #dcddde;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box; /* Crucial: keeps padding from breaking width */
  }

  /* 4. The Button: Makes it pop */
  button[type="submit"] {
    width: 100%;
    background-color:rgba(25,37,15,1); /* Green color */
    color: white;
    padding: 14px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }

  /* Button hover effect */
  button[type="submit"]:hover {
    background-color:rgba(220,221,222,1); color:rgba(25,37,15,1);
  }






/*MOBILE STYLING*/
@media only screen and (max-width: 500px) {
	
	
} /*Media Query CLOSE*/