@font-face {
    font-family: 'DigiCode';
    src: url('../fonts/digicode.eot');
    src: url('../fonts/digicode.eot?#iefix') format('embedded-opentype'),
         url('../fonts/digicode.woff2') format('woff2'),
         url('../fonts/digicode.woff') format('woff'),
         url('../fonts/digicode.svg#digicode_kana-based_versionRg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
@font-face {
    font-family: 'ZKjmZtOY';
    src: url('../fonts/ZKjmZtOY.eot');
    src: local('ZKjmZtOY'), url('../fonts/ZKjmZtOY.woff') format('woff'), url('../fonts/ZKjmZtOY.ttf') format('truetype');
}
body{ background-color: rgb(0, 16, 80);}
#backgroundCanvasForeground{position: absolute;top: 0;left: 0;z-index: -100;}
.animate-right-fadein{position:absolute;animation:animaterightin 0.8s forwards}@keyframes animaterightin{0% {right:-300px;opacity:0;display:none;} 1% {right:-299px;opacity:0;display:block;} 100%{right:0px;opacity:1;display:block;} }
.animate-right-fadeout{position:absolute;animation:animaterightout 0.8s forwards}@keyframes animaterightout{0%{right:0;opacity:1;display:block;} 99%{right:-300px;opacity:0;display:block;} 100% {right:-300px;opacity:0;display:none;}}
.animate-right-shiftdown{position:absolute;animation:animateshiftdown 0.6s forwards}@keyframes animateshiftdown{0%{bottom:20%;opacity:1;display:block;} 99%{bottom:10%;opacity:0;display:block;} 100% {bottom:10%;opacity:0;display:none;}}
.message-panel{position:absolute;bottom:20%;right:0px;box-shadow: 0px 0px 5px 0px #000;}

.zoom-animation {animation:zoomanimation 0.3s}@keyframes zoomanimation{from{transform:scale(0)} to{transform:scale(1)}}
.zoom-out-animation {animation:zoomoutanimation 0.3s forwards}@keyframes zoomoutanimation{0%{transform:scale(1);opacity:1;} 99%{transform:scale(0);opacity:1;} 100%{transform:scale(0);opacity:0;display:none;}}
@keyframes glowingbutton{
           0%,50%,100%{background-image: url('../media/button-hover.png');}
           25%,75%{background-image: url('../media/button-hover-glow.png');}
            }

div, pre
{
    font-size:20px;
    font-family: 'ZKjmZtOY' !important;
}

.dmw-frame-small
{
    background-color:rgba(0, 100, 0, 0.8);
    border-image: url('../media/border-header-alt.png') 58 fill / 36px / 5px;
    margin: 25px 50px;
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.685);
    color:rgba(128, 192, 192, 1);
    padding: 15px;
    text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.685);
}

.dmw-frame-big
{
    background-color:rgba(0, 100, 0, 0.8);
    border-image: url('../media/big-frame-alt.png') 58 fill / 60px / 5px;
    margin: 25px 50px;
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.685);
    color:rgba(128, 192, 192, 1);
    padding: 15px;
    text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.685);
    min-height:100px;
}

.dmw-frame-big label
{
    font-size:20px;
    font-family: 'ZKjmZtOY' !important;
}

.dmw-save-prompt-frame
{
    text-align:center;
}

.dmw-save-prompt
{
    min-height:50vh;
    width:100%;
    height:100%;
    display: flex;
    cursor:pointer;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

.dmw-save-prompt-drag-in
{
    background-color:rgb(0, 182, 0);
}

.dmw-button
{
    background-color:rgba(0, 100, 0, 0.0);
    color:rgba(128, 192, 192, 1);
    font-size:15px;
    font-family: 'ZKjmZtOY' !important;
    text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.685);
    width:136px;
    height:34px;
    padding:5px;
    cursor:pointer;
    border:0px;
    background: url('../media/button-normal.png') no-repeat;
}

.dmw-button:hover
{
    animation: glowingbutton 0.8s infinite ease;
}

.digitext{
    font-family:'DigiCode';
    font-size:80pt;
    color:#fff;
    position:absolute;
    margin:0;
    padding:0;
}

.digitext p
{
    margin:0;
    padding:0;
}