@import "mixins";
@import "theme";

/* Both Work in progress and BitNode stuff */
.generic-fullscreen-container {
    color: var(--my-font-color);
    width: 99%;
    height: 100%;
}

#work-in-progress-container {
    position: fixed;
}

#work-in-progress-text {
    color: var(--my-font-color);
    width: 70%;
    margin: 10px;
}

#work-in-progress-cancel-button {
    @include borderRadius(12px);
    @include boxShadow(1px 1px 3px #000);

    color: #aaa;
    float: left;
    font-size: $defaultFontSize * 1.25;
    font-weight: bold;
    margin: 10px;
    padding: 5px;
    border: 3px solid #fff;
}

#work-in-progress-cancel-button:hover,
#work-in-progress-cancel-button:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

#red-pill-container,
#cinematic-text-container {
    position: fixed;
}

.bitnode {
    color: #00f;
}
.bitnode-destroyed {
    color: #f00;
}
.bitnode:hover,
.bitnode-destroyed:hover {
    color: #fff;
}