.template-front-page #colophon,
.template-front-page .entry-meta,
.template-front-page .entry-header,
.template-front-page .site-header {
        display: none;
}

.template-front-page .site {
        width: 100vw;
        max-width: 100%;
        padding: 0px;
}

.template-front-page .main {
        padding-left: 16px;
        padding-right: 16px;
}

#frontpage
{
  text-align: right;
  background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, left bottom, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

#frontpage a
{
        text-decoration: none;
        text-align: right;
        font-size: 24px;
        font-size: 2.5vw;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        color: transparent;
}
#frontpage a:visited,
#frontpage a:hover,
#frontpage a:focus {
        text-decoration: none;
}

@media all and (-ms-high-contrast:none) {
     #frontpage a { color: black } /* IE10 */
     *::-ms-backdrop, #frontpage a { color: black } /* IE11 */
}

@-moz-document url-prefix() { 
  #frontpage a { color: rgba(0,0,0,0.4); } /* firefox */
}