*{
    font: 'Roboto';
    font-weight: 500;
    margin: 0;
    padding: 0;
}
h1{
    text-align: center;
}
body {
    background-color: black;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
    color: #66aaFF;
}
table{
    border-bottom: 2px solid #2266FF;
    border-collapse:collapse;
    width:100%;
}
td,th {
    border-bottom: 2px solid #2266FF;
    text-align: left;
    padding: 8px;
}
tr:hover
{
    background-color: #232323;
}
.ButtonWrapper{
    /* background-color: green; */
    display: grid;
    width: 100%;
    height: fit-content;
    justify-content: center;
    align-items: center;
}
a{
    width: fit-content;
    margin: 10%;
    padding: 10%;
    background-color: #232323;
    font-size: xx-large;
    border-radius: 10px;
    text-decoration: none;
    color: #66aaFF;
    /* animation: OnLeave duration timing-function delay iteration-count direction fill-mode; */
    animation: OnLeave 0.5s forwards;
}
a:hover
{
    /* background-color: green; */
    animation: OnEnter 0.5s forwards;
}
@keyframes OnEnter {
    from {
        background-color: #232323;
    }
    to {
        transform: translate(-2px,-2px);
        background-color: #454545;
        box-shadow: 2px 2px whitesmoke ;
        display: none;
    }
}
@keyframes OnLeave {
    from {
        transform: translate(-2px,-2px);
        background-color: #454545;
        box-shadow: 2px 2px whitesmoke ;
        display: none;
    }
    to {
        background-color: #232323;
    } 
}