html{
    background-color: rgb(35, 34, 34);
    margin: 0;
    padding: 0;

    color: white;
    text-align: center;

    overflow: hidden;
}

body{
    background: url(/cool.jpg);
    background-repeat: no-repeat;
    background-position: center;

    margin: 0;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

a{
    text-decoration: none;
    color: white;

}
.lnk{
    display: inline-block;
    padding: 10px;
    border-radius: 5px;

    transition: .4s;

    border: 1px solid white;
}
.lnk:hover{
    opacity: .7;
}

.banner{
    font-size: 1.2rem;
    background-color: rgba(86, 44, 44, 0.9);
    backdrop-filter: blur(10px);

    border-radius: 10px;

    padding: 1rem;
    max-width: 60vw;
    
    animation: 5s infinite banner;
}

@keyframes banner {
    0% {box-shadow: 10px 10px 50px rgb(18, 12, 13) ;}
    50% {box-shadow: -20px -10px 50px rgb(18, 12, 13);}
    100% {box-shadow: 10px 10px 50px rgb(18, 12, 13);}
}