#Button1{
    font-family: 'Times New Roman', Times, serif;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    
    font-size: small;
    
    width: 100px;
    height: 50px;
}
#Box1{
    position: absolute;
    width: 250px;   
    height: 100px;
    transition: 0.5s  ease;
    
}

#Text{
    color: wheat;
    font-family:'Courier New', Courier, monospace;
    font-size:large;
    background-size: cover;
    background: linear-gradient(to right, purple, purple, purple, blue, purple, purple, purple);
    
}

#RestartButton{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

body{
    background-color: rgb(240, 240, 240);
    font-family: Arial, sans-serif;
}

h1{text-align: center}

.navbar ul{
    list-style-type: none;
    background-color: rgb(61, 61, 61);
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.navbar a{
    color:white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center
}

.navbar a:hover{
    background-color: rgb(99, 99, 99);
}
.navbar li{
    float: left;
}