*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{
    background: pink;
    color: white;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    

}
a{
    color: #ffffffff;
    text-decoration: none;
}

ul{
    list-style: none;
}

.container{
    width: 90%;
    margin: auto;
}

/*Navegacion*/
.Menu-Nav{
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 20px 0;
}
.nav-Image{
    width: 50px;
    height: 50px;
}

/*Nav Left*/
.Menu-Nav ul{
    display: flex;
}

.Menu-Nav ul li{
    padding: 10px;
}
.Menu-Nav ul li a{
    padding: 6px;
}
.Menu-Nav ul li a:hover {
    border-bottom: 2px solid #ffffffff;
}
.Menu-Nav ul.Nav-Menu{
    flex: 1;
    margin-left: 20px;
}

/* SHOWCASE */
hr{
    margin: 10px 0;
}
.showcase{
    width: 100%;
    height: 550px;
    background: url('./Imagenes/city.jpg') no-repeat center center/cover;
    padding-bottom: 50px;
    margin-bottom: 20px;
    display: flex;
    flex-direction:column ;
    align-items: center;
    justify-content: flex-end;

}
.btn{
    cursor: pointer;
    display: inline-block;
    border: 00;
    font-weight:bold;
    padding: 10px 20px;
    background:#26262626 ;
    color: #ffffff;
    font-size: 15px;
    border: 1px solid #ffffff;
    margin: 10px 0;
}

.btn:hover{
    opacity: .7;
}

.showcase h3,
.showcase p{
    margin-bottom:10px ;
}

/*NEWS CARD*/

.news-card{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 10px;
}

.news-card img {

    width: 100%;
    height:auto;
}

footer{
    position:relative; 
    background-color: rgb(2, 2, 2);
   width:98%;
   height:5%;
   color:rgba(238, 226, 226, 0.733);
   clear:both;
   text-align: right;
}

footer{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:1%;}