/*.bg-img{
  background-image: url("../images/background/computerInTheBackground.jpg");
  background-size: 100% auto;
 
  min-width: 100%;
  background-repeat: repeat-y;
}*/
.intro{
    align-content: center;
    font-size: 1.8rem;
    font-weight: 900;
    
    opacity: 1;
}

.card-form{
    background-color: #ffffff;
    border-radius: 5px;
    color:#000000;
    align-content: center;
}
/* Styles for small screens */
@media only screen and (max-width:480px) {
    .intro {
     font-size: 2.5rem; 
    }
    .card-text{
        color:#000;
        font-size: 2rem;
    }
    .gr-img img {
        max-width: 80%; /* Ensures the image doesn't exceed its parent's width */
        height: auto;    /* Maintains the image's aspect ratio */
        display: block;  /* Prevents extra space below images */
    }
}


.bg-op01{
    opacity: 0.1;
}
.bg-op02{
    opacity: 0.2;
}
.bg-op03{
    opacity: 0.3;
}
.bg-op04{
    opacity: 0.4;
}
.bg-op05{
    opacity: 0.5;
}
.bg-op06{
    opacity: 0.6;
}
.bg-op07{
    opacity: 0.7;
}
.bg-op08{
    opacity: 0.8;
}

.shadowed-0{
    text-shadow:2px 2px 0px #000000;
}

.shadowed-1{
    text-shadow:2px 2px 1px #000000;
}

.shadowed-2{
    text-shadow:2px 2px 2px #000000;
}