.noselect{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                       supported by Chrome, Edge, Opera and Firefox */
}

.main_viewport{
    position:relative;
    display:inline-block;
    align-items: center;
    align-content:center;
    background:rgb(241, 150, 177);
    
    width:100vw;
    height:100vh;
    font-family: Arial;
    font-weight:bold;
    font-size:15vw;
    color:rgb(44, 138, 52);
    text-align: center;
    text-shadow: 0.2vw 0.2vh 2vw rgba(100, 100, 100,.3);

    z-index:12;
}
.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:2vw;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: rgb(95, 95, 95);
}
.over_abtn{
    display:inline-flex;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    background:rgba(255,255,255,.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
}
.over_bbtn{
    display:none;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:rgba(211, 69, 69, 0.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
    opacity:0;
}
.over_layer{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    display:inline-flex;
    z-index:10;
}
.des_layer{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    display:inline-flex;
    z-index:12;
    justify-content: space-between;
    align-items: center;
}
.dt{
    font-size:min(20vw,376px);
    opacity:.6;
}
.dta{
    color:#222;
    
}
.dtb{
    display:inline-flex;
    align-items: flex-start;
    align-content: flex-start;
    height:100%;
    color:#212121;
}
.ip_list{
    position:absolute;
    top:5px;
    left:5px;
    width:auto;
    height:auto;
    display:inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap:wrap;
    font-family: Arial;
    font-size:14px;
    text-align: left;
    color:rgb(252, 252, 252);
    height:100%;
    overflow:auto;
    max-width:200px;
}
.ip_list_element{
    background:rgba(49, 49, 49, 0.5);
    padding:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:3px;
}
.spotify_logo_svg{
    width:34px;
}
.spotify_link{
    position:absolute;
    top:10px;
    right:10px;
    width:auto;
    height:auto;
    display:inline-flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap:wrap;
    font-family: Arial;
    font-size:20px;
    text-align: right;
    color:rgb(244, 244, 244);
    font-weight:normal;
    cursor:pointer;
    z-index:14;
}

.one_link{
    position:absolute;
    top:60px;
    right:10px;
    width:auto;
    height:auto;
    display:inline-flex;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap:wrap;
    font-family: Arial;
    font-size:20px;
    text-align: right;
    color:rgb(244, 244, 244);
    font-weight:normal;
    cursor:pointer;
    z-index:14;
    background:#212121;
    text-decoration: none;
    padding:8px;
}