body{
    background-image: url('WEB-BANNER.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*
    centers items. 
*/
.centered-item{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*
    outlines items with the outlined-item class.
*/
.outlined-item{
    outline-style: solid;
    outline-width: 5px;
    outline-color: white;
}

/*
    Did you expect me to have a good naming scheme XD
*/


/*
    Gives the BIO button a background image
*/
.bio-button{
    background-image: url('Button_Bio_N.png');
    background-color: transparent;
    border: none;
}

/*
    When hovered, the button's image will change
*/
.bio-button:hover{
    background-image: url('Button_Bio_H.png')
}

.yt-button {
    background-image: url('Button_YT_N.png');
    background-color: transparent;
    border: none;
}

.yt-button:hover{
    background-image: url('Button_YT_H.png');
    background-color: transparent;
    border: none;
}

.games-button {
    background-image: url('Button_Games_N.png');
    background-color: transparent;
    border: none;
}

.games-button:hover {
        background-image: url('Button_Games_H.png');
        background-color: transparent;
        border: none;
}

.webfooter{
    position: absolute;
    bottom: 0;
}