body {
    background-color:white;
    color: black;
    font-family: "Consolas";
}

.outercontainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20%;
}

.unselectable {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    width: 100%;
}

@keyframes shake {
    0% { transform: translate(4px, 2px); }
    25% { transform: translate(-2px, 3px); }
    50% { transform: translate(-2px, -4px); }
    100% { transform: translate(3px, 2px); }
}

.shakeables:hover {
    animation-name: shake;
    animation-duration: 0.1s;
    animation-iteration-count: infinite;
}

#youarehere {
    background-image: url(assets/rabbit/youarehere2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: black;
}

#tower1 {
    width: 248px;
    height: 351px;
    background-image: url(assets/rabbit/tower1.png);
    background-size: contain;
}

#tower1:hover {
    background-image: url(assets/rabbit/tower1green.png);
}

#tower2 {
    width: 248px;
    height: 351px;
    background-image: url(assets/rabbit/tower2.png);
    background-size: contain;
}

#tower2:hover {
    background-image: url(assets/rabbit/tower2green.png);
}

#tower3 {
    width: 248px;
    height: 351px;
    background-image: url(assets/rabbit/tower3.png);
    background-size: contain;
}

#tower3:hover {
    background-image: url(assets/rabbit/tower3green.png);
}

#tower4 {
    width: 248px;
    height: 351px;
    background-image: url(assets/rabbit/tower4.png);
    background-size: contain;
}

#tower4:hover {
    background-image: url(assets/rabbit/tower4green.png);
}

#greenstar {
    width: 90px;
    padding-top: 40px;
}

#greenstar2 {
    width: 90px;
    padding: 30px;
}

#starbody {
    background-image: url(assets/rabbit/backer.png);
}

#star {
    width: 400px;
    height: 400px;
    background-image: url(assets/rabbit/star.png);
    background-size: contain;
}

.starcontainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 200px;
}

#sleep1 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/roadscene.png);
    background-size: contain;
}

#sleep2 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/carscene.png);
    background-size: contain;
}

#sleep3 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/scopescene.png);
    background-size: contain;
}

#sleep4 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/blurscene.png);
    background-size: contain;
}

#sleep5 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/stationscene.png);
    background-size: contain;
}

#sleep6 {
    width: 602px;
    height: 427px;
    background-image: url(assets/rabbit/windowscene.png);
    background-size: contain;
}