/*Jiaqi (Chia-Chi) Hu, S01469559, jh205@rice.edu*/

body {
    background-color: black; /* initial bg color */
    margin: 0;
    overflow: hidden;
}

#click-area {
    position: relative;
    /* cover the whole page */
    width: 100vw;
    height: 100vh;
}

.circle {
    position: absolute;
    /* set the initial size as 100 pixle, while it will shrink with the score */
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
}

#highest {
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    font-size: 28px;
}

#count {
    position: absolute;
    top: 60px;
    left: 20px;
    color: white;
    font-size: 28px;
}

#clickCount {
    position: absolute;
    top: 100px;
    left: 20px;
    color: white;
    font-size: 28px;
}

#timer {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 40px;
}

#cheat-button {
    /* for cheat info area */
    position: absolute;
    top: 60px;
    right: 20px;
    color: white;
}

#cheat-link {
    color: white;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

#cheat-text {
    color: white;
    font-size: 14px;
    display: none;
}