@font-face {
  font-family: 'product';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/productsans/v5/HYvgU2fE2nRJvZ5JFAumwegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"); }

* {
  font-family: product; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap; }

html {
  /* Google "digital art wallpaper" for wallpapers*/
  background: url(https://stormandsky.com/gif/14.gif) no-repeat center center fixed;
  background-size: cover;
  /* cover whole screen*/
  height: 100%; }

h1 {
  color: white;
  width: 100%;
  text-align: center; }

#greeting {
  font-size: 90px;
  margin: 0; }

#date {
  font-size: 30px; }

.container {
  margin: 20px;
  display: inline-block; }
  .container ol {
    list-style-type: none; }
    .container ol .containerTitle {
      font-size: 26px;
      margin: 0; }
    .container ol .link {
      text-decoration: none;
      color: white; }
    .container ol .item {
      padding-top: 5px;
      padding-left: 5px; }
    .container ol .line {
      height: 3px;
      width: 180px; }

.s1Title {
  background: linear-gradient(to right, #fc4a1a, #f7b733);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline; }

.s1Line {
  background-image: linear-gradient(to right, #fc4a1a, #f7b733); }

.s2Title {
  background: linear-gradient(to right, #0072ff, #00c6ff);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline; }

.s2Line {
  background-image: linear-gradient(to right, #0072ff, #00c6ff); }

.s3Title {
  background: linear-gradient(to right, #11998e, #38ef7d);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline; }

.s3Line {
  background-image: linear-gradient(to right, #11998e, #38ef7d); }

.s4Title {
  background: linear-gradient(to right, #DD2476, #FF512F);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline; }

.s4Line {
  background-image: linear-gradient(to right, #DD2476, #FF512F); }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,[encoded data, 6320 characters] */
