body {
 /*   background: url("../images/bg-1.jpg"); /* center center no-repeat; */
    background-size: cover;
    width:900px!important;
/*
    height:100%;
*/
    margin-left:auto;
    margin-right:auto;
    font-size:1.1em;
    background-color: black;
    position:relative;
}

a:link {
    color: yellow;
    text-decoration: none;
    text-shadow: 2px 2px #ff0000;
    font-size: 30px;
}
a:visited {
    color: yellow;
}

a:hover{
    top:5px;
    color:green;
    text-shadow: 1px 1px #ff0000;
    font-size:2.0em;
    transition: all .2s ease-in-out;
    transform: scale(1.5);
}

footer {
    position:absolute;
    bottom:-100;
    width:100%;
    height:0.0rem;
}

h1 {
    color:yellow;
    font-size:18px;
    font-weight:600;
    text-shadow: 2px 2px #ff0000;
}

h2{
    color:green;
    font-size:24px;
    font-weight:600;
    text-shadow: 1px 1px #ff0000;
}
td {
    color:yellow;
    font-size:30px;
    font-weight:600;
    text-shadow: 2px 2px #ff0000;
}

.myblock {
    cursor: pointer;
    outline: none;
    background-color : red;
    width:40px;
    padding: 5px 5px 5px 5px;
    text-align:center;
    color:white;
    font-size:15px;
    margin-top:0px;
}

.startbutton {
    cursor: pointer;
    outline: none;
    background-color : red;
    border-radius: 16px;
    width:100px;
    padding: 5px 5px 5px 5px;
    text-align:center;
    color:white;
    font-size:15px;
    margin-top:0px;
}

button:hover {
    background-color: #04AA6D; /* Green */
    transition:all 1.3s,box-shadow 1.2s,transform .2s .2s;
    transform: rotate(-10deg);
    color: white;
}
.d3span {
    transform:
        rotateX(20deg)
        rotateZ(00deg);
    transform-style: preserve-3d;
    border-radius: 16px;
    box-shadow:
        1px 1px 0 1px #ff0000,
        -1px 0 28px 0 rgba(34, 33, 81, 0.01),
       14px 14px 14px 0 rgba(34, 33, 81, 0.25);
    transition:
        .4s ease-in-out transform,
        .4s ease-in-out box-shadow;

    &:hover {
        transform:
            translate3d(0px, -16px, 0px)
            rotateX(01deg)
            rotateZ(0deg);
        box-shadow:
            1px 1px 0 1px #ff0000,
            -1px 0 28px 0 rgba(34, 33, 81, 0.01),
            54px 54px 28px -10px rgba(34, 33, 81, 0.15);
    }
}

label{
    color:yellow;
    font-size:30px;
    font-weight:600;
    text-shadow: 2px 2px #ff0000;
}
.d3font {
    color:yellow;
    font-size:30px;
    font-weight:300;
    text-shadow: 2px 2px #ff0000;
}

input[type=text] {
    width:150px;
    background-color: #04AA6D;
    border: red;
    color: white;
    font-size:1.5em;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: text;
    display:inline-block;;
}
input[type=submit] {
    width:150px;
    background-color: #04AA6D;
    border: red;
    color: white;
    font-size:1.5em;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    display:inline-block;
}