h1, h2 { text-align: center; }
p {font-size: larger; }
@media only screen and (max-height: 1000px) {
    p { font-size:medium; }
    h1{ font-size: 24px }
    h2{ font-size: 18.75px }
}

.center { text-align: center; }
.downloads a {
    padding: 2vh;
    margin: 1vh auto;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    color: #fff;
    width: 150px;
}
.downloads { display: flex; flex-direction: row; justify-content: space-around; }
.downloads > a:hover { background: #38f3; }
.downloads img { height: 50px; }
.feature p {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.feature { margin-bottom: 4vh; }
.feature:nth-child(2n-1) p { flex-direction: row-reverse; }
.feature img {
    height: 12vh;
    flex-shrink: 0;
}
main > div:first-child {
    min-height: calc(calc(100vh - 1.2em) - 5.5vh);
    display: flex;
    flex-direction: column;
}
main > div:first-child > * {margin:0}
.main > div:first-child *:not(div), .downloads { flex-shrink: 0; }

.button{
    display: flex;
    max-width: 150px; margin: auto; align-self: center;
    flex-direction: row;
    align-items: center; justify-content: space-around;
    background: #38f3;
    text-decoration: none;
    color: unset;
    gap: 10px;
    padding: 12px; border-radius: 5px;
}
.button img {flex-shrink: 1;}
.button span {flex-shrink: 0;}
.button:hover {background:  #38f5;}