#showcase-img{
   background-image: url(images/pexels-jaymantri-4827_1920x1080.jpg);
   background-size: cover;
   height: 100vh;
}

#showcase-text{
   padding-top: 40vh;
}

#about-me{
   background-image: url(images/pexels-eberhard-grossgasteiger-691668.jpg);
   background-size: cover;
   height: 100vh;
}

#about-text-box{
   margin: auto;
   width: 50%;
   height: 50vh;
   padding-top: 5%;
   background: linear-gradient(180deg, #616060 10.42%, rgba(97, 96, 96, 0.546875) 53.65%, rgba(97, 96, 96, 0) 93.23%);
   border-radius: 10px;
}

#download-button{
   background-color: lightgray;
   color: green;
}

#download-button:hover{
   background-color: green;
   color: white;
}

#projects{
   background-image: url(images/pexels-eberhard-grossgasteiger-691668.jpg);
   background-size: cover;
   height: 100vh;
   padding-top: 20vh;
}

.card{
   background: rgba( 255, 255, 255, 0.25 );
   box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
   backdrop-filter: blur( 7.5px );
   -webkit-backdrop-filter: blur( 7.5px );
   border-radius: 10px;
   border: 1px solid rgba( 255, 255, 255, 0.18 );
   padding-bottom: 25%;
   padding-top: 5%;
}

#contact-me{
   background-image: url(images/pexels-lumn-167684_1920x1080.jpg);
   background-size: cover;
   height: 100vh;
   padding-top: 30vh
}

#Contact-textbox{
   background: linear-gradient(180deg, #616060d2 10.42%, rgba(97, 96, 96, 0.546875) 53.65%, rgba(77, 76, 76, 0) 93.23%);
   padding: 20px;
   border-radius: 10px;
   color: white;
}

#contact-text{
   font-size: 2vh;
}

#submit-btn{
   background-color: lightgray;
   color: green;
}

#submit-btn:hover{
   background-color: green;
   color: white;
}

.bi.bi-linkedin, .bi.bi-github, .bi.bi-twitter{
   color: lightgreen;
   font-size: 3vh;
   padding-left: 2rem;
}

.project-btn{
   background-color: lightgray;
   color: green;
}

.project-btn:hover{
   background-color: green;
   color: white;
}