*{
    /* overflow: hidden; */
    -webkit-user-select: none;
    user-select: none;
}

body {
 background: black;
 color: #dad;
 margin: 0 24pt 0 24pt;
 font-family: Optima, sans-serif;
 font-size: 13pt;
}

div {
 color: aliceblue;
}

a {
 color: #876;
 text-decoration: none;
}

#main{
    display: grid;
    grid-template-areas: "main main main main game";
}

#thoughts, #thought-button{
    grid-area: main;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}


#thought-button{
    height: 100vh;
}

#thought-button:hover{
    cursor: pointer;
}

#main-container{
    color:#0b3; 
    grid-area: game;
    height: 100vh;
    display: grid;
    padding-top: 5vh;
    grid-template-rows: 10% 20% 25% 25%;
    row-gap: 1vw;
    position: fixed;
    right: 1vw;
}

#existence-msg{
    display: flex;
}
#existence-count{
    margin-top: 17px;
    margin-left: 1vw;
}

#concious{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-size: 3vw;
}

#description{
    min-width: 15vw;
    max-width: 15vw;
}

.purchaseables{
    display: block;
}

.clickme:hover{
    color: green;
    cursor: pointer;
}

.unconcious-thought{
    font-size: 5vw;
}
@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) } 
}
.shake{
    animation: horizontal-shaking .15s .5;
}

#death{
    color: #710c04;
    font-size: 45vw;
    height: 200%;
    width: 200%;
    display: none;
    animation: horizontal-shaking .15s infinite;
}