html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    /* 🚫 no scroll ever */
}

body {
    font-family: 'Luckiest Guy', cursive;
    box-sizing: content-box;
    margin: 0;
    padding: 0;
        
    user-select: none;           /* Standard */
    -webkit-user-select: none;   /* Chrome/Safari */
    -ms-user-select: none;       /* IE/Edge (old) */

}

h1 {
    text-align: center;
    font-size: 6rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: .1em;
    transition: font-size 0.3s ease; /* Added transition */
}

h1.small {
    font-size: 2rem;
}

.container {
    position: relative;
}