style.css

body{
 background-image:url("https://img.freepik.com/free-vector/background-luxury-minimalist-simple-gradient-style-design-new_483537-1840.jpg"); 

 background-repeat: no-repeat;
 background-size: cover;
}

#header{
    height: 60px;
    background-color: rgb(30, 41, 53);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    
}

#logo

{
    margin-left: -17%;
}


a{
    text-decoration: none;
    color: white;
}


#main
{ color: whitesmoke;
    background-color: #0097fc20;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 10%;
    align-items: center;
}
img
{
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}
#events
{
    color: whitesmoke;
    background-color: #0097fc20;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 10%;
    align-items: center;
}
.text
{
    color: whitesmoke;
    background-color:#ffffff20;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 150px;
    padding: 15%;
    align-items: center;
}