@import url('https://fonts.googleapis.com/css2?family=Bitcount+Single:wght@100..900&family=Bungee&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playwrite+NZ+Basic:wght@100..400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html{
}
body{

}
h1{
  font-size: 20px;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  color:#000;
}
h2{
	margin: 20px;

}
a{
color: #000;
text-decoration:none;
}
p{
    line-height: 15px;
    text-align: center;
}

h2{

}
#container{
	width: 760px;
	height: 760px;
	background-color: #FF021B;
	padding:20px;
  border-radius: 20px;
  margin:auto;
}
#principal{
	width: 740px;
	padding:40px 0;
	margin: 0 0 20px 0;
	border-radius: 10px;
  background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
  }
  #principal img{
    width: 100%;
    border-radius: 10px;
    margin: 0 20px 0 0;

  }
  .bloque{
    padding:10px 15px 15px 15px;

  }
  ul {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
ul li{
  float:left;
}
ul li a {
  color: #fff;
  display: inline-block;
 padding: 12px 120px;
 border-radius: 10px;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 background-color: #D62828

}
ul li a:hover {
  background-color: #FF5465;
  color: #fff
}