@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

/* logo style */
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    color: none !important;
}

h1, h2, h3{
    font-family: "Nunito", sans-serif;
}
  
.garden-title{
    height: 35px;
    font-family: "Bree Serif", sans-serif;
    font-weight: 700;
}

.navbar{
    box-shadow: 0 1px 8px #05140025 !important;
}

.navbar-brand:hover{
    text-decoration: none;
    color: #268504;
}

.navbar-brand{
    color: #268504 !important;
}

.navbar-nav .nav-item .nav-link{
    color: #1b1c1d;
    transition: .3s;
    margin-inline: 10px;
    border-radius: .5rem;
}
  
.navbar-nav .nav-item .nav-link:hover, .nav-item .active .nav-link{
    background-color: #268504;
    color: #ffffff !important;
}

.signin-link{
    color: #268504 !important;
    font-weight: 700;
    border-radius: .5rem;
}

.signin-link:hover{
    background-color: #268504;
    color: #ffffff !important;
}

.fa-user{
    font-size: 20px;
}

.navbar-toggler{
    border: 2px solid #2c9605;
}

.car-wrap .carousel-caption{
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  
  .car-wrap .carousel-caption h1{
    font-size: 80px;
    font-weight: 500;
    text-shadow: 0 0 3px #1b1b1b65, 0 0 3px #1b1b1b65, 0 0 3px #1b1b1b65,
      0 0 3px #1b1b1b65, 0 0 3px #1b1b1b65;
  }

.car-wrap .carousel-caption p{
    font-family: "Nunito", sans-serif;
    font-size: 28px;
    font-weight: 400;
    margin-top: 3rem;
    text-shadow: 0 0 2px #1b1b1b65, 0 0 2px #1b1b1b65, 0 0 2px #1b1b1b65, 0 0 2px #1b1b1b65, 0 0 2px #1b1b1b65;
}
  
.car-inner {
      /* position: realtive; */
      display: block;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;

      filter: brightness(70%);

      will-change: transform;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
}  

.workonpage{
    display: flex;
    flex-direction: column;
    padding: 5% 10% 13% 10%;
    /* margin-top: 20px; */
}

.button-login{
    display: flex;
}

.aboutpage{
    /* margin-top: 40px; */
    padding: 0 10% 10% 10%;
}

.aboutpage h1, .proj-h, .test-h, .work-h{
    color: #2c9605;
    font-weight: 700;
}

.project{
    display: flex;
    flex-direction: column;
    padding: 0 10% 6% 10%;
}

.proj-section{
    display: flex;
    flex-direction: column;
}

.proj-box0{
    flex-direction: row;
}

.proj-box{
    flex-direction: row;
    margin-top: 3%;
    margin-bottom: 5%;
}

.proj-box h3{
    color:#2c9605;
    font-weight: 900;
}

.testing{
    display: flex;
    flex-direction: column;
    padding: 0 10% 5% 10%;
}

.testingwallpaper{
    background-image: url("./wall-test.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
}

.cardcontent{
    flex-direction: row;
}

.card{
    margin: 0 4rem;
    /* border-radius: .5em !important; */
    border: #2685043f 3px solid !important;
}

.foowallpaper{
    background-image: url("./wall-foo.png");
    background-size: cover;
    background-position: center;
    display: flex;
    height: 80vh;
    color: #ffffff;
}

.foocontent{
    max-width: 1300px;
	margin: 20% 0 5% 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap-reverse;
}

.cont-div{
	margin-left: 100px;
}

.proj-div{
    width: 500px;
}

.copyrighttext{
    margin-top: 20px;
    opacity: 0.6;
}