@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

html, body{
    padding:0;
    margin:0;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

body{
    background:black;
    font-family: 'DM Sans', sans-serif;
    color:white;
    font-size:1em;
}

div{
    box-sizing: border-box;
    position: relative;
}

a{
    color:inherit;
}

h1{
    font-family: 'DM Sans', sans-serif;
    font-size:7em;
    color:white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 15px;
    margin-right:-15px;
    transition:all 0.2s ease-in-out;
    line-height:1;
    
}

.button{
    display:inline-block;
    color:white;
    background:rgb(20,20,20);
    border-radius:100px;
    font-weight:500;
    margin:5px;
    transition: all 0.2s ease-in-out;
}

.button_rect{
    padding:12px 25px;
    width:auto;
}


.button_square{
    padding:12px;
    min-width:54px;
}

.button img{
    height:30px;
    display: inline-block;
    vertical-align: middle;
}

.button span{
    margin-left:20px;
    display: inline-block;
    vertical-align: middle;
}

.button:hover{
    transform:scale(1.05);
}

.bg_img{
    position: relative;
    width:calc(100vw - 80px);
    height:calc(100vh - 80px);
    margin:40px;
    opacity:0.9;
    z-index:-1;
    transition: all 0.2s ease-in-out;
}

.title{
    text-align:center;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:100%;
}

.stream{
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
    text-align: center;
    padding-bottom:70px;
}

.copyright{
    position:absolute;
    top:5px;
    right:5px;
    font-size:0.6em;
    opacity: 0.5;
    writing-mode: vertical-lr;
    text-orientation: upright;
    text-transform: uppercase;
}

.copyright > div{
    position:absolute;
    top:100%;
    right:0;
    width:100%;
    height:auto;
    white-space: nowrap;
}