body {
    margin: 0;
    padding: 0;
    background-image: url("https://w.wallhaven.cc/full/3z/wallhaven-3z72w9.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-blend-mode: multiply;
    background-color: #454545;
}

#navbar[aria-label="Navigation Bar"].light { 
    background: none;
    border-bottom: none;
}
#navbar[aria-label="Navigation Bar"] {
    border-bottom: none;
    background: none;
}
.ui.menu.new-menu {
    border: none !important;
}
.ui.secondary.pointing.menu {
    background: none;
    border: none;
}
.ui.secondary.pointing.menu .active.item {
    border: none;
    border-bottom: 2px solid #f78166;
}
.page-footer {
    background: none;
    border-top: none;
}

body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    backdrop-filter: blur(10px);
}

div[role="main"][aria-label="Sign In"] .ui.container ,
div[role="main"][aria-label="Register"] .ui.container ,
div[role="main"][aria-label="Link Account"] .ui.container
{
    border-radius: 4px;
    box-shadow: 0 6px 10px 2px #000, inset 0 0 0 1px var(--color-secondary);
    /* background-color: var(--color-box-header); */
    background: linear-gradient(to bottom, var(--color-box-header), var(--color-secondary));
}
div[role="main"][aria-label="Link Account"] .ui.container {
    padding:  1em 2.5em;
}

div[role="main"][aria-label="Sign In"] .ui.container .ui.top.attached.header,
div[role="main"][aria-label="Register"] .ui.container .ui.top.attached.header,
div[role="main"][aria-label="Link Account"] .ui.container .ui.top.attached.header
{
    border: 1px solid var(--color-secondary);
    color: #fff;
    text-shadow: 1px 1px 0 #000;

    border-radius: 4px;
    box-shadow: 0 2px 5px 0px rgba(0,0,0,0.5);
    /* background-color: var(--color-box-header); */
    background: linear-gradient(to top, var(--color-box-header), var(--color-secondary));
}
div[role="main"][aria-label="Sign In"] .ui.container .ui.attached.segment,
div[role="main"][aria-label="Register"] .ui.container .ui.attached.segment,
div[role="main"][aria-label="Link Account"] .ui.container .ui.attached.segment
{
    border-radius: 4px;
    margin-top: 12px;
    background: rgba(0,0,0,0);
    border: 1px solid var(--color-box-header) !important;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    box-shadow: inset 0 1px 0 0 var(--color-secondary), inset 0 -4px 4px -2px var(--color-secondary);
    /* box-shadow: 0 2px 5px 0px rgba(0,0,0,0.5), 0 0 0 1px var(--color-secondary); */
    background: linear-gradient(to bottom, var(--color-box-header), var(--color-button));
}

.ui.form a.ui.button {
    border: 1px solid var(--color-secondary);
    color: #fff;
    text-shadow: 1px 1px 0 #000;

    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.5) !important;
    /* background-color: var(--color-box-header); */
    background: linear-gradient(to top, var(--color-box-header), var(--color-secondary));
}