* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #EFEFEF;
	color: #363639;
}







/* ? ----- Cuenta Regresiva ----- */

.mundial-contador{
  font-family: 'Oswald', sans-serif;
  background-image: url("https://imagenes.expreso.ec/uploads/2022/10/21/6352d3c6942ae.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  padding: 1.5%;
  display: inline-block;
  width: 100%;
}


#cuenta {
	background-color: #1D2344;
    border: solid 7px #fcc103;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0% 3%;
    margin: 0 5%;
}

.simply-section {
	width: 25%;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 15vw;
}

.simply-amount {
	color: #FCC103;
	display: block;
	font-size: 9vw;
}

.simply-word {
	text-transform: uppercase;
	color: #FCC103;
	font-size: 2.5vw;
    top: -2.4vw;
    position: relative;
}
.texto-mundial-superior{
	text-align: center;
    font-size: 3vw;
    color: #fff;
    padding-bottom: 1vw;
    text-shadow: 1px 4px 2px rgb(0 0 0 / 60%);
}
.logo-mundial {
	text-align: center;
}
.logo-mundial img{
	width: 74%;
}
.gif-mundial{
	padding: 1% 2%;
}
.gif-mundial img{
	width: 100%;
}

.left {
  float: left;
  width: 15%; /* The width is 20%, by default */
}
 .right {
  float: left;
  width: 25%; /* The width is 20%, by default */
}
.main {
  float: left;
  width: 60%; /* The width is 60%, by default */
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
 #cuenta {
    border: solid 4px #fcc103;
}
}

/* ? ---------------------------- */