body{
    background: linear-gradient(to top,#050047, #000000,#000000);
    background-repeat: no-repeat;
    background-attachment:fixed;
    text-align: center;
}
header{
    background: linear-gradient(to right,#424242, #000000) ;
    text-align: center;
    border: #000000 5px solid;
}
footer{
    background: linear-gradient(to right,#424242, #000000) ;
    text-align: center;
    border: #000000 5px solid;
}
h1{
    color: #bebebe;
    text-align: center;
    font-family: monospace;
}
h2{
    color: #bebebe;
    text-align: center;
    font-family: monospace;
}
h3{
    color: #bebebe;
    text-align: center;
    font-family: monospace;
}
#Textdiv{
    color: #000000;
    background-color: #4d4d4d;
    border: #a7a7a7 5px solid;
    width: 23%;
    height: 10%;
    margin: auto;
}
@media only screen and (max-device-width: 480px) { 
    #Textdiv{
        color: #000000;
        background-color: #4d4d4d;
        border: #a7a7a7 5px solid;
        width: 350px;
        height: 10%;
        margin: auto;
    }
}
div{
    margin: 5px;
    overflow: hidden;
}
#HomeCanvas1{
    border: #000000 2px solid;
    background-color: #ffffff;
    float: left;
}
p{
    color: #bebebe;
    font-family: monospace;
}
label{
    color: #bebebe;
    font-family: monospace;
}
#Text-content{
    color: #000000;
    background-color: #4d4d4d;
    border: #a7a7a7 5px solid;
    width: 65%;
    margin: auto;
}
#Content{
    width: 800px;
    margin: auto;
}
#Title{
    color: aliceblue;
    text-shadow: 0px 5px 0px rgba(189, 189, 189, 0.623), 0px 10px 0px rgba(134, 134, 134, 0.616);
}
#himBtn{
    color: #000000;
    background-color: #000000;
    outline: 0px;
    animation: none;
}
#himBtn:hover{
    color: #000000;
    background-color: #ffffff;
    outline: 0px;
    animation: none;
}
button{
    background-color: rgb(0, 255, 255);
    color:rgb(137, 43, 226);
    outline:14px;
    margin: 6px;
    float:top;
    animation: myy;
    animation-duration: 1s;
}
button:hover{
    animation: mymy;
    animation-duration: 1s;

    background-color:rgb(0, 0, 139);
    color:rgb(0, 255, 255);
}
@keyframes mymy{
    from{background-color: rgb(0, 255, 255); color: rgb(137, 43, 226);}
    to{background-color:rgb(0, 0, 139);color:rgb(0, 255, 255);}
}
@keyframes myy{
    from{background-color:rgb(0, 0, 139);color:rgb(0, 255, 255);}
    to{background-color: rgb(0, 255, 255); color: rgb(137, 43, 226);}
}