:root {
    --medDark: #603060;
    --medLight: #663066;
    --light: #eeaaee;
}

html {
    font-family: 'Comic Neue Angular';
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    background: repeating-linear-gradient(45deg,
            var(--medDark),
            var(--medDark) 14px,
            var(--medLight) 14px,
            var(--medLight) 28px);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.mainContent {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    background-color: rgba(0, 0, 0, 0.8);
    color: var(--light);
    padding: 24px;
    border-radius: 8px;
    text-align: center;
    overflow-y: auto;
    
}

h1 {
    font-size: 48px;
    margin: unset;
}

h2 {
    font-size: 32px;
    margin: unset;
    margin-top: 24px;
}