body{
    background-color: black;
    color: white;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    background-image: ;
}
header {
    width: 100%;
   
   background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(23,23,112,1) 0%, rgba(0,212,255,1) 100%);
color: black!important;

}

.container {
    color: white;
width: 100%;

    display: flex;
    align-items:center;
    justify-content: center;
    text-decoration: none;

}
.container-nav {

        display: inline-block;
        align-items: center;
        justify-content: center;
        width: 100%;

}
ul{
    width: 100%;
    list-style: none;
display: inline-flex;
justify-content:center;
justify-content: space-around;
}

a{
    color: black;
    text-decoration: none;
    font-size:x-large;

}
a:hover{
    color: beige;
    
}



footer{
    width: 100%;
    height: 10%;

    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(23,23,112,1) 0%, rgba(0,212,255,1) 100%);
    
}