.SideBar li:hover{text-decoration: underline;}

body{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    height: 100vh;
    width: 100vw;
    background-color: #000000;
    color: white;

    display: grid;
    grid-template-columns: 20% 80%;
    grid-template-rows: 90% 10%;
    grid-template-areas: 
    "SideBar MainSide"
    "Footer MainSide";
}

.SideBar{
    grid-area: SideBar;

    padding-inline: 1%;
    padding-block: 10%;

    border: 10px;
    border-style: groove;
    border-color: white;
}

.Home{
    grid-area: MainSide;
    padding-inline: 5%;

    overflow: scroll;

    border: 10px;
    border-style: groove;
    border-color: red;
}

.Art{
    grid-area: MainSide;
    padding-inline: 5%;

    border: 10px;
    border-style: groove;
    border-color: blue;
}

.Gamedev{
    grid-area: MainSide;
    padding-inline: 5%;

    border: 10px;
    border-style: groove;
    border-color: green;
}

.Blog{
    grid-area: MainSide;
    padding-inline: 5%;

    border: 10px;
    border-style: groove;
    border-color: yellow;
}

.Footer{
    grid-area: Footer;

    border: 10px;
    border-style: groove;
    border-color: white;
}

.Oculto{
    display: none;
}