body {
    font-family:'Courier';
    padding:0;
}

.navbar {
    position:absolute;
    top:5px;
    right:20px;
    list-style:none;
}
.navbar li {
    display:inline-block;
    padding:10px;
    cursor:pointer;
    -moz-transition:0.25s linear all;
    -webkit-transition:0.25s linear all;
    transition:0.25s linear all;
}

.navbar li:hover {
    transform:scale(1.2);
}

.navbar li.clicked {
    cursor:default;
    color:red;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

#signup::after {
    content:'up';
}
#signup.clicked::after {
    content:'down';
}

.logo {
    width:100%;
    height:auto;
    margin-top:10%;
    pointer-events:none;
}

.loading {
    text-align:center;
}
.loading h3 {
    margin-bottom:5px;
}

.korv-list li {
    list-style:none;
    display:inline-block;
    padding:10px;
    opacity:0;
    font-size:50%;
    color:black;
    
    -webkit-transition:0.25s linear all;
    -moz-transition:0.25s linear all;
    transition:0.25s linear all;
}
.korv-list li.wohoo {
    opacity:1;
    font-size:100%;
    color:red;
}

#korvScene {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-100;
    /*background-color:rgba(0,0,0,0);*/
}

svg * {
    -webkit-transition:0.25s linear all;
    -moz-transition:0.25s linear all;
    transition:0.25s linear all;
}
svg *:hover {
    opacity:0;
}


.wobble {
  -webkit-animation: wobble 2s infinite linear;
  animation: wobble 2s infinite linear;
}

@-webkit-keyframes wobble {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    75% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes wobble {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    75% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}