body{

    margin: 0em;
    background-color: #9ADEF5;
    opacity: 1;
    background-image:  radial-gradient(#7885f5 1.2000000000000002px, transparent 1.2000000000000002px), radial-gradient(#78d7f5 0.5px, #9ADEF5 0.5px);
    background-size: 48px 48px;
    background-position: 0 0,24px 24px;
}

.navbar{
    background-image: url(../images/port.jpg);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.767);
    background-blend-mode: darken;
}
.navbar-brand{
    padding-left: 2rem;
}
.nav{
    padding-right: 5px;
}

.bloque{
    margin: 0em;
}

.cover{
    text-align: center;
    color: white;
    padding: 30px;
    min-height: 600px;
    max-height: 800px;
    position: relative;
    display: grid;
    grid-template-rows: 100px 1fr;
}
.cover::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background-image: linear-gradient(180deg, #0000008c 0%, #0000008c 100%), url(../images/jocy.JPG);
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 95%, 0 80%);
    z-index: -1;
}

.bloque{
    /* background-image: url(https://images.pexels.com/photos/7232493/pexels-photo-7232493.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940); */
    background-image: url(../images/bebe.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: lighten;
    padding: 1px;
}

.card{
    border: o !important;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.6), 0 2px 4px -1px rgba(0,0,0,0.6);
    margin-bottom: 50%;
    margin-top: 20%;
}

.card-body{
    background-image: url(../images/carta.jpg);
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: darken;
}

.container{
    color: midnightblue;
}

footer{
    background-color: rgb(34, 34, 34);
    color: white;
    align-self: flex-end;
    width: 100%;
    height: 40px;
    text-align: center;
}