/* 
tag based selection => "body" tag plus changes/rules in {}
*/
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

body{
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
    text-align: center;
    font-family: "Patrick Hand", cursive;
    font-weight: 400;
    font-style: normal;
}

.yony_walk{
    height: 500px;
    padding-top: 10px;
    display: block;
    margin-left: auto;
    margin-right:auto;
}

p{
    margin-top: 5px;
}

a{
    color: inherit;
}

table, th, td{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

/* 
tr => table row
:hover => when you hover the cursor on it
*/

tr:hover{
    background-color: rgb(81, 30, 110);
}

th{
    background-color: rgb(60, 0, 116);
}

th, td{
    padding: 5px;
}

.footer_copy{
    padding-top: 40px;
}