@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Pattaya&display=swap');

body {
    background-image:url(fondo.jpg)
}
h1 {
    color: hotpink;
    font-family: "Lobster", sans-serif;
    font-style: normal;
    text-shadow: 2px 2px cyan;
    text-align: center;
    border-top: 2px solid pink;
    border-bottom: 2px solid pink;
}
h2, h3, h4, h5, p, nav a, h6 {
    font-family: Georgia, 'Times New Roman', Times, serif;
}
h2 {
    color: hotpink;
    text-shadow: 2px 2px cyan;
    text-align: center;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
}
div {
    margin: auto;
}
header {
    border: 2px solid violet;
}
article {
    font-family: Georgia, 'Times New Roman', Times, serif;
    margin: 20px;
    padding: 15px;
    border: 2px solid pink;
    border-radius: 20px;
}
iframe {
    border-bottom: 2px solid mediumvioletred;
}
.celda {
    display: flex;
    gap: 15px;
    margin: 0px;
}
nav {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: pink;
    border-bottom: 2px solid hotpink;
}
.container {
    border: 0px solid;
    border-color: white;
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
}
div {
    border: 0px solid;
    border-color: white;
}
footer {
    background-color: white;
    color: hotpink;
    margin: 20px;
    padding: 1px;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border: 2px solid pink;
    border-radius: 20px;
}
.citafinal {
    text-align: center;
    color: mediumvioletred;
}
.bar1 {
    border: 0px solid pink;
    border-radius: 20px;
}
.bar2 {
    border: 0px solid pink;
    border-radius: 20px;
}
.bar3 {
    color: hotpink;
    border: 0px solid pink;
    border-color: pink;
    border-radius: 20px;
}
.centrar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border: 2px solid hotpink;
    border-radius: 10px;
}
.centrarlogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    border: 0cm;
    min-height: fit-content;
    border-radius: 10px;
    margin-top: 11%;
}
.centrofin {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 18%;
    border: 0cm;
}
.centrofin:hover {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 18%;
    border: 0cm;
    transform: rotate(55deg);
}
html {
    scroll-behavior: smooth;
}
@media (max-width:600px) {
    h1{
        font-size: 50px;
    }
        h2{
        font-size: 40px;
    }
    .card-body{
        display: block;
        margin-left: 2px;
        margin-right: 2px;
        width: 80%;
        min-height: fit-content;
        padding: 1px;
    }
    p {
        font-size: 18px;
    }
    .card{
        display: block;
        width: 80%;
        min-height: fit-content;
        max-width: fit-content;
        margin-left: 1px;
        margin-right: 1px;
        padding: 1px;
    }
    .card-title {
        font-size: 25px;
    }
    .card-link {
        font-size: 75%;
    }
    .card-text {
        display: block;
        font-size: 75%;
        margin-left: 1px;
        margin-right: 1px;
    }
}