@font-face {
    font-family: digital;
    src: url(fonts/DS-DIGII.TTF);
}
@font-face {
    font-family: standard;
    src: url(fonts/VCR_OSD_MONO_1.001.ttf);
}
html{
    background-color: #303047;
}

.date-container{
    position: relative;
    background: linear-gradient(14deg, #666666, #666666 50%);
    height: 300px;
    width: 300px;
    top: 15%;
    left: 15%; 
    border-top: solid #b6b6b6 10px;
    border-left: solid #b6b6b6 10px;
    border-right: solid #000000 5px;
    border-bottom: solid #000000 5px;

}
.time-container{
position: absolute;
background: linear-gradient(14deg, #000000, #000000 50%);
height: 80px;
width: 260px;
top: 5px;
left: 15px; 
z-index: 2;
border-top: solid #404040 5px;
border-left: solid #404040 5px;
border-right: solid #ffffff 5px;
border-bottom: solid #ffffff 5px;  
z-index: 1;
}
.time{
position: relative;
color: #20b2aa;
font-style: oblique;
font-family: digital;
font-size: 75px;
z-index: 2;
text-align: center;
top: 2;
}
.date{
position: relative;
color: #000000;
font-style: italic;
font-family: standard;
text-align: center;
font-size: 60px;
z-index: 2;
display: block;
margin-left: auto;
margin-right: auto;
top: 32.5%;
}
.paper{
position: relative;
width: 200px;
height: 180px;
top: -74px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
border-right: solid #000000 10px;
border-bottom: solid #000000 10px; 
box-shadow: #404040 7.5px 5px; 

}
.phase-container{
    position: relative;
    background: linear-gradient(14deg, #666666, #666666 50%);
    height: 300px;
    width: 300px;
    top: 15%;
    left: 15%; 
    border-top: solid #b6b6b6 10px;
    border-left: solid #b6b6b6 10px;
    border-right: solid #000000 5px;
    border-bottom: solid #000000 5px;

}
.phase{
position: relative;
top: 20px;
width: 250px;
height: 250px;
display: block;
margin-left: auto;
margin-right: auto;
border-top: solid #000000 5px;
border-left: solid #000000 5px;
border-right: solid #ffffff 5px;
border-bottom: solid #ffffff 5px;
background-color: #122a46 !important;
}
.current-phase{
    position: relative;
    color: #20b2aa;
    font-style: oblique;
    font-family: standard;
    font-size: 60px;
    left: 25%;
    top: -52.5%;
    visibility: hidden;
    stroke: #000000 1px;
}