Files
spark/docs/overrides/main.html
T
Diego Marcos Segura d2c09cef20 Tweak mobile styles
2025-06-02 04:52:03 -07:00

49 lines
811 B
HTML

{% extends "base.html" %}
{% block extrahead %}
{{ super() }}
<style>
.hero {
text-align: center;
}
.hero h1 {
font-size: 3rem;
margin-bottom: 0;
}
.hero h2 {
margin-top: 1rem;
margin-bottom: 2rem;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 0rem;
}
.hero iframe.hero-image {
width: 100%;
max-width: 800px;
height: 600px;
border-radius: 15px;
display: block;
margin: auto;
margin-top: 2rem;
}
.hero img {
display: block;
max-width: 550px;
margin:auto;
}
@media screen and (max-width: 60em) {
.hero img {
max-width: 320px;
margin:auto;
}
.hero h2 {
font-size: 22px;
}
}
</style>
{% endblock %}