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

body{
    height:100vh;
    overflow: hidden;
}

#map{
    position:fixed;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

header{
    background:#1c3272;
    height:8%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 20px;

    position: relative;
    z-index: 2;
}

.logo{
    width:60px;
    height:60px;
    border-radius:10px;
    object-fit:cover;
}

nav a{
    color:white;
    text-decoration:none;
    margin-left:20px;
    font-size:18px;
}

.contenedor{
    display:flex;
    justify-content:center;
    align-items:center;
    height:calc(100vh - 80px);
    z-index: 2;
}

.tarjeta{
    width:700px;
    background:rgba(28,50,114,0.85);
    color:white;
    padding:40px;
    border-radius:40px;
    z-index: 2;
}

h1{
    text-align:center;
    font-size:60px;
    text-decoration:underline;
    margin-bottom:25px;
}

p{
    font-size:24px;
    line-height:1.5;
}