<style>
b {
    font-size: 24px; 
    font-family: Arial, Helvetica, sans-serif;"
}
body {
    background-color:rgba(150, 198, 146, 0.507);
    color: rgb(0, 0, 0);
    text-align: center;
}
.name{
    color: rgb(37, 1, 36);
}
.big-name{
    text-transform: capitalize;
}
h2{ 
    color: rgb(0, 0, 0);
    background-color: rgb(142, 188, 138);
    text-transform: uppercase;
}
h3{ 
    background-color: rgba(150, 198, 146, 0.507);
    font-size: medium;
    text-align: left;
    color: rgb(0, 0, 0)
}
.lab-background { 
    background-image: url(Img/lab.jpg ) ;
    height: 100vh;
    background-size: cover;
}
.translucent
{
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    color:white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.me{
    inline-size: auto;
    align-content: flex-start;
}
.links {
    text-emphasis-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    color-scheme: rgb(0, 0, 0);
}
.content-box:nth-child(even) {
    background-color: rgb(97, 112, 95);
}
.content-box {
    color: #000000;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
a:link{
    color:#000000;
}
a:visited{
    color:#000000;
}
a:hover {
    color:#000000;
}
.img{
    align-content: flex-start;
    size: 0vmax,0vmin ;
}
.container {
    display: grid;
    align-items: center; 
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
   }
   img {
     max-width: 10%;
     max-height:10%;
   }
   
   .text {
     font-size: 70px;
   }