#footer {
    padding: 24px
}

@font-face {
    font-family: Face You Fears;
    src: url(../fonts/face_your_fears.html)
}

body,
body>* {
    position: relative
}

body>* {
    z-index: 1 
}

body:after {
  /* content: ""; */
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: .64;
    z-index: -1;
    visibility: visible;
    width: 100%;
    height: 100%
}

.ui.fluid.container {
    margin: 24px;
    margin-top: -24px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative
}

.ui.fluid.container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0 -16px 124px 140px rgba(0, 0, 0, .84);
    box-shadow: 0 -16px 124px 140px rgba(0, 0, 0, .84);
    z-index: -1
}

.ui.menu,
.ui.segment {
    background-image: url(../img/layout/overlay.png) !important;
    background-position: top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.ui.segment {
    overflow: hidden
}

.ui.button {
    background-image: url(../img/layout/overlay.png) !important;
    background-position: top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.ui.heading .ui.menu {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, .03)
}

.ui.heading .ui.secondary.inverted.menu a.item.register {
    font-family: Face Your Fears;
    font-size: 2.4em;
    padding: 16px;
    background: -webkit-gradient(linear, left top, right top, from(#f4d03f), to(#8a0707));
    background: linear-gradient(90deg, #f4d03f, #8a0707);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ui.footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.ui.footer>* {
    position: relative;
    z-index: 1
}

.ui.footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0;
    background-image: url(../img/original.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: .12;
    z-index: 0;
    visibility: visible;
    width: 100%;
    height: 100%
}