@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-image: url(../fondo-gallery.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  
}

header{
  box-shadow: 0px 5px 5px rgb(31, 0, 102);
  font-family: 'Secular One', sans-serif;
  background: rgb(21,101,192);
  /*border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  background: radial-gradient(circle, rgba(21,101,192,0.9794117476091999) 37%, rgba(163,171,218,0.856162447889312) 100%);
  */
}

.header-gallery-24 {
  box-shadow: 0px 5px 5px rgba(31, 0, 102, 0.177);
  font-family: 'Secular One', sans-serif;
  background: rgb(51, 76, 108);
}

/*
footer{
  margin-top: auto;
  padding:1em 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
*/

.footer-style {
  font-family: 'Jost', sans-serif;
  color: #9a8fa2;
  font-weight: normal;
  font-size: 9pt;
  background-color: rgba(0, 0, 0, 0.6);
  margin-top: auto;
  padding-top:20px;
  padding-bottom: 20px;
  text-align: center;
  padding: 10px 0;
}

.footer-style a {
  color: #9a8fa2;
  font-weight: bold;
}

.footer-style a:hover {
  color: white;
  text-decoration: none;
}

.fuente-1-footer {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100px;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 20px;
}

.fuente-2-footer {
  font-family: 'Jost', sans-serif;
  color: #e8e1ec;
  font-weight: normal;
  font-size: 9pt;
}

main {
  flex: 1 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.card{
  font-family: 'Carter One', cursive;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  background-color: #eee;
}

.card:hover{
  transform: scale(1.03) ;
  -webkit-transform: scale(1.03) ;
  -moz-transform: scale(1.03) ;
  -ms-transform: scale(1.03) ;
  -o-transform: scale(1.03) ;
}