.loginWindow {
    position: fixed;
    z-index: 801;
    visibility:hidden;
    box-shadow: 18px 18px 14px rgba(0,0,0, 0.8);
    border-radius: 2vw;
    color: black;
    text-align:center;
    background-color: #fffff8;
}
.loginWindowTitle {
    font-size: 1.5vw;
    font-family:sans-serif;
    font-weight:bold;
    border: 1px solid black;
    border-top-left-radius:2vw;
    border-top-right-radius:2vw;
    padding: .3em 0 .3em 0;
    text-align:center;
}

.loginWindowTitleX {
    position: absolute;
    font-weight:bold;
    font-style:normal;
    color: blue;
    float:right;
    right: .5em;
    top: .3em;
}

.loginWindowContent {
    position: relative;
    padding: .3em;
}
.loginWindowInput {
    width: 6em;
    height: auto;
    font-size: 2vw;
    font-family: sans-serif;
    background-color: #ffffe0;
}
.loginWindowButton {
    display:inline-block;
    font-size: 120%;
    font-weight: bold;
    color: #000080;
    border-radius: 1.5vw;
    border: 1px solid black;
    cursor: pointer;
    background-color: white;
    padding: .2em .5em;
    margin: .4em 1em .6em 1em;
    box-shadow: 8px 8px 8px rgba(0,0,0, 0.5);
}


.loginMatchesWindow {
    position: fixed;
    z-index: 802;
    visibility:hidden;
    background-color: #fffff8;
    text-align: left;
}
.loginMatchedName {
    display:inline-block;
    font-size: 1.7vw;
    color: black;
    font-family: sans-serif;
    border-bottom: 1px solid black;
    padding: .2em;
    cursor: pointer;
    width:100%;
}
.loginMatchedName:hover {
    color: blue;
}

.loginConfirmContent {
    position: relative;
    padding: .4em;
    font-size:115%;
    text-align:center;
}

.HotEvent {
    border:2px solid yellow;
}