html,body
{
    height:100%;
    margin:0;
	user-select:none;
}

body
{
    margin:0;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background:black;
    color:white;
    font-family:'Inter',sans-serif;
}


/* bakgrunnsbildet */

body::before
{
    content:"";
    position:fixed;
    inset:0;

    background:url("/bilder/Torgeir.png") center 15% / 90% no-repeat;
    background-color:black;

    /* fade til sort */

    mask-image: radial-gradient(circle at center,
        rgba(0,0,0,1) 30%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0.2) 75%,
        rgba(0,0,0,0) 90%
    );

    -webkit-mask-image: radial-gradient(circle at center,
        rgba(0,0,0,1) 30%,
        rgba(0,0,0,0.9) 45%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0.2) 75%,
        rgba(0,0,0,0) 90%
    );

    z-index:-1;
}

.center
{
    position:absolute;

    right:6vw;
    bottom:10vh;

    text-align:right;
}

.title
{
    font-size:clamp(38px,8vw,72px);
    letter-spacing:clamp(6px,2vw,12px);
    font-weight:200;

    text-shadow:0 0 25px rgba(255,255,255,0.12);
}

.line
{
    width:120px;
    height:1px;
    background:#fff;

    margin:25px 0;
    margin-left:auto;
}

.subtitle
{
    font-size:clamp(12px,2.5vw,14px);
    letter-spacing:clamp(3px,1.5vw,6px);

    opacity:.7;
}

.meta
{
    margin-top:40px;

    font-size:clamp(10px,2.5vw,12px);
    letter-spacing:clamp(2px,1vw,3px);

    opacity:.55;

    line-height:24px;
}

.status
{
    margin-top:10px;

    color:#7CFFB2;
}

/* små skjermer */

@media (max-width:600px)
{
    .meta
    {
        margin-top:30px;
        line-height:20px;
    }

    .line
    {
        width:80px;
        margin:25px auto;
    }
}

@keyframes fade
{
    from {opacity:0}
    to {opacity:1}
}