*{
box-sizing: border-box;
margin: 0;
font-family: "Roboto", sans-serif;
padding: 0;
}

.header {
background: linear-gradient(to right, #060075f1, #068cc4, #060075f1);
}

.header img{
    width: 10rem !important;
    /* filter: invert(100%); */
    margin: .5rem 3rem;
}
 

.main h2{
    text-align: center;
    margin-top: 1rem;
}

.introduction{
    padding: 1rem;
}

.introduction a{
    color: #060075f1;
    text-decoration: none;
}
 
h4,p,ul{
    padding: .2rem 0rem .5rem 2.5rem;
}

.text-bold{
    font-weight: bolder;
}



.footer{
    color: white;
    /* background-color: #060075f1 ; */
background: linear-gradient(to right, #060075f1, #068cc4, #060075f1);
padding: .5rem 0;

}

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

.footer img{
    width: 10rem;
}

.right{
    margin: 1.5rem 0;
}

.right a{
     color: black;
    text-decoration: none;
}

.mail:hover{
  background-color: white;
  padding: 3px;
  color: black;
}

@media screen and (max-width:600px) {
    .header img{
    width: 10rem !important;
    /* filter: invert(100%); */
    margin: .5rem 1.5rem;
}
.introduction{
    padding: .5rem;
}
h4,p{
    padding: 0;

}
    .footer{
    padding: 0rem 2rem;
}
}