@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');
html {
background: linear-gradient(
180deg,
#b43a8b 0%,
#fd1d1d 47.67%,
#ff9500 100%
);
box-sizing: border-box;
font-size: 16px;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
scroll-behavior: smooth;
text-rendering: optimizeLegibility;
text-size-adjust: 100%;
}
body {
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
font-family: 'Sen', sans-serif;
font-size: 1em;
font-weight: 400;
position: relative;
text-align: center;
}
h1 {
font-size: 2.25rem;
font-weight: 800;
margin-top: 2em;
}
h2 {
font-size: 1.25rem;
font-weight: 400;
margin: 3em 0;
}
.container {
margin: 0 auto;
max-width: 640px;
padding: 0 4%;
}
.main {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
text-align: center;
width: 100%;
}
@media screen and (min-width: 768px) {
body {
background-image: url('data:image/svg+xml,');
}
}