@font-face {
    font-family: determination;
    src: url(sans.otf);
}



@keyframes anim1 {
    from {color: rgb(255, 255, 255); background:rgb(255, 255, 255); filter: blur(10px);}
    75% {color: rgb(255, 192, 192); background:rgb(175, 175, 175); filter: blur(7px);}
    80% {color: rgb(255, 255, 255); background:rgb(0, 0, 0); filter: blur(0px);}
    to {color: rgb(255, 255, 255); background:rgb(0, 0, 0); filter: blur(0px);}
}

nav{
    text-align: center;
}

body {
    font-family: determination;
    color: white;
    background: black;
    animation-delay: 31s;
    animation-name: anim1;
    animation-duration: 3s;
    height: 20000px;


}

footer {
    font-family: determination;
    color: white;
    background: black;

}


.button1{
    transition-property: all;
    transition-duration: 500ms;
    font-family: determination;
    background-color: rgb(0, 0, 0);
    text-shadow: 10px;
    color: rgb(255, 255, 255);
    border-color:rgb(26, 26, 26);
    border-style: grooved;
    border-width: 2px;
    filter: drop-shadow(1.5px 1.5px 0px #474747);
    font-size:larger;
    margin: 2px;
    margin-right: 50px;
    position-anchor: initial;
}

.button2{
    transition-property: all;
    transition-duration: 500ms;
    font-family: determination;
    background-color: rgb(0, 0, 0);
    text-shadow: 10px;
    color: rgb(255, 255, 255);
    border-color:rgb(26, 26, 26);
    border-style: grooved;
    border-width: 2px;
    filter: drop-shadow(1.5px 1.5px 0px #474747);
    font-size:larger;
    transform:translate(-40px)
}

button:hover{
    transition-property: all;
    transition-duration: 500ms;
    font-family: determination;
    background-color: rgb(255, 255, 255);
    text-shadow: 10px;
    color: rgb(0, 0, 0);
    border-color:rgb(218, 218, 218);
    border-style:ridge;
    border-width: 2px;
    filter: drop-shadow(1.5px 1.5px 0px #bbbbbb);
    font-size:x-large;
    position-anchor: initial;
    cursor: pointer;
}



input{
    transition-property: all;
    transition-duration: 500ms;
    font-family: determination;
    background-color: rgb(71, 71, 71);
    text-shadow: 10px;
    color: rgb(202, 202, 202);
    border-color:rgb(26, 26, 26);
    border-style:inset;
    border-width: 2px;
    filter: drop-shadow(1.5px 1.5px 0px #474747);
    font-size:larger;
    margin: 2px;
    margin-right: 50px;
    position-anchor: initial;
}



.bo{text-align: center;}

.back{
    margin: 5px;
    padding: 5px;
    text-align: center;
    display:inline;
}