* {
	box-sizing: border-box;
	font-family: Helvetica, sans-serif;
	margin: 0;
}
body {
	margin: 0;
	background-color:#fff;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color:#000;
}
a {
    text-decoration:none;
    cursor: pointer;

}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Pt-Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Px-Grotesk-Regular.ttf');
}
@font-face {
    font-family: 'Pt-Grotesk bold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/Px-Grotesk-Bold.ttf');
}
h1, h2 {
    font-family: Pt-Grotesk;
}
body {
    background-color: #0058ff;
    color: #ffd500;
    }
.texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align:center;
    }
h1.vamo {
    font-size: 5rem;
}
p.prueba {
    padding-bottom: 0.4rem;
    font-size: 1.5rem;
}
@media (max-width: 1520px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1490px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 1460px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1430px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 1400px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1370px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 1340px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1310px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 1280px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1250px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 1220px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1190px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 1160px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1130px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 1100px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1070px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 1040px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 1010px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
}
@media (max-width: 970px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 940px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 910px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 880px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 850px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 820px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 790px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 760) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 
@media (max-width: 730px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 700) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
    h1.vamo {
    font-size: 3rem;
    }
} 
@media (max-width: 670px) {
    body {
    background-color: #ffd500;
    color: #0058ff;
    }
}   
@media (max-width: 640px) {
    body {
    background-color: #0058ff;
    color: #ffd500;
    }
} 






