html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.lobby-view {
    position:absolute;
    left:1vw;
    width: 29vw;
    background-color:rgb(235, 235, 235);
    height:70vh;
    border-radius: 15px;
}
.game-view {
    position: absolute;
    left: 30vw;
    height:70vh;
    width: 65vw;
}
.lobby-view-footer {
    position:relative;
    top: 1vh;
}
.lobby-user-list-wrap {
    background-color: rgb(169, 169, 169);
    height: 50vh;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    border-radius: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.lobby-user-list-item {
    margin-top:2%;
    border-radius:10px;
    position:relative;
    height: 10vh;
}
.lobby-user-list-item-score {
    float:right;
    font-display: block;
    position:relative;
    right:1vw;
    font-weight: bolder;
}
.lobby-user-list-item:nth-child(odd) {
    background-color: rgb(229, 128, 128);
}
.lobby-user-list-item:nth-child(even) {
    background-color:rgb(102, 173, 226);
}
.admin-icon {
    background-image: url('../img/admin.svg');
    width:24px;height:24px;
    position:relative;
    float:left;
}

.lobby-question-wrap {
    background-color: rgb(169, 169, 169);
    height: 15vh;
    border-radius: 10px;
    margin-left: 1vw;
}

.lobby-words-wrap {
    margin-top: 3vh;
    background-color: rgb(169, 169, 169);
    height: 45vh;
    border-radius: 10px;
    margin-left:1vw;
    overflow-x:hidden;
    overflow-y:auto;
}

.lobby-word {

}
.lobby-words-row {
    min-height: 30px;
    max-height: 30vh;
    display: block;
    width: 100%;
    border: solid 1px black;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    margin: 3px 0px 2px 0px;
    box-shadow: rgb(128, 128, 128, 0.85) 2px 2px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:5px;
}

.lobby-words-footer {
    position: absolute;
    width: 63vw;
    background-color: rgb(128, 128, 128, 0.25);
    top: 62vh;
    border-radius: 5px;
}

.lobby-words-row-vote {
    float:right;
    position:relative;
    top:-3vh;
    right: 2vw;
}


.icon-copy {
    background-image: url('../img/link-45deg.svg');
    background-repeat:no-repeat;
    float:right; right:20%;
    position:relative;
    width: 18px;
    height:18px;
}