@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap');

.first-section{
    background-image: url("../img/bg.jpg");
    color: white;
    font-size: 30px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.over-lay{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.first-section > .over-lay > p{
    margin-top: 125px;
    font-family: 'Lora', serif !important;

}
.first-section > .over-lay > p > a:hover{
    color: darkblue;
}
.first-section > .over-lay > p > a{
    color: #ffffff;
}
.egy{
    background-image: url("../img/Sphinx.jpg");
    height: 300px;
    background-repeat: round;
    background-color: rgba(0, 0, 0, 0.5);

}