html, body {
    padding: 0px;
    margin: 0px;
    background-color: #121b2a;
    color: #ffffff;
    height: 100%;
}

* {
    box-sizing: border-box;
}


a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
   }

h1 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -1px;
}

h2 {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
}

body {
    font-family: 'Inter';
    font-weight: 300;
    font-size: 18px;
}

.center {
    text-align: center;
}

.gradient0 {

    background-blend-mode: screen;
    background-color: #000;
}


.gradient1 {

    background-blend-mode: screen;
    background-image: radial-gradient(circle at 63% 11%, rgba(131, 55, 154, 0.1) 0%, rgba(131, 55, 154, 0) 90%), radial-gradient(ellipse at 3% 14%, rgba(14, 172, 218, 0.7) 0%, rgba(14, 172, 218, 0) 60%), radial-gradient(circle at 4% 77%, rgba(103, 94, 197, 0.6) 0%, rgba(103, 94, 197, 0) 40%), radial-gradient(farthest-side at 87% 74%, rgba(63, 117, 86, 0.0) 0%, rgba(63, 117, 86, 0) 100%);
}