h1{font-family: "Sour Gummy", Courier, monospace; text-align: center;}
h2{font-family: "Stylish", Courier, monospace; text-align: center;}

a{color: rgb(75, 145, 255); transition: color 300ms, font-size 150ms;}
a:hover {color: rgb(255, 255, 255); font-size: large;}

p{color: rgb(155, 200, 255);}

body{
    display: flex;
    flex-direction: column;
    align-items:center;

    font-family: "IBM Plex Mono";
    text-align: center;

    color: rgb(15, 100, 255);
    background-color: black;

    background-image: url(/Assets/darkforest-background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

hr{width: 45%;}

header{width: 55%;}
footer{width: 55%;}

main{
    width: 45%;
    padding-left: 2%;
    padding-right: 2%;
    
    background-color: rgb(5, 25, 80);
    border-style: outset;
}

#website-logo{width: 45%; transition: width 100ms;}
#website-logo:hover{width: 55%;}

img{width: 100%;}