body{
    font-family: 'Roboto', sans-serif;
    background-color: #232323;
}
header{
    width: 100%;
    /* background-color: gray; */
    text-align: center;
    font-size: 10vh;
    display: block;
    color: royalblue;
    margin: 20px;
}
#Functionality{
    display: flex;
    /* background-color: green; */
    width: 100%;
    height: 11vh;
    align-items: center;
    justify-content: center;
}
.FuncButton{
    display: inline-block;
    background-color: #121212;
    height: 7vh;
    width: 15vw;
    padding: 7px;
    color: royalblue;
    animation: ToGrey 0.5s forwards;
}
.FuncButton:hover{
    animation: ToHighLight 0.5s forwards;
}
.FuncTextCent{
    display: inline-flex;
    align-items: center;
    /* background-color: gray; */
    /* width: 11vw; */
    width: 60%;
    height: 100%;
}
.FuncIcon{
    height: 100%;
    float: right;
    /* display: inline-block; */
}
.FuncDesc{
    position: relative;
    top: 0;
    display: inline-block;
    padding: 7px;
}
@keyframes ToGrey{
    0% { background-color: #343434;}
    100% {
        background-color: #121212;
    }
}
@keyframes ToHighLight {
    0% {}
    100% {
        background-color: #343434;
    }
}