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

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

.generic-fullscreen-container-scroll {
    height: 100%;
    width: 100%;
    overflow: auto;
    padding-right: 20px;
}

#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;
}

#cinematic-text-container {
    position: fixed;
}