body {
    background:#cdcdcd;
    font-family:sans-serif;
    padding:0;
    margin:0;
    box-sizing: border-box;
}

.container {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    overflow: hidden;
    color:#222;
}

.welcome {
    position:absolute;
    background:rgba(255,255,255,0.7);
    border-radius:50%;
    width:280px;
    height:280px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.welcome h1 {
    font-size:18px;
    color:#222;
}

.welcome p {
    font-size:14px;
}

.welcome a {
    text-decoration: none;
    color:#222;
    font-weight: bold;
}
.welcome a:hover {
    text-decoration: underline;
}

@media screen and (min-width:992px) {
    body {
        background:url('./background.jpg');
        background-position:center center;
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .welcome {
        height:500px;
        width:500px;
    }

    .welcome h1 {
        font-size:26px;
    }
    .welcome p {
        font-size:18px;
    }
}