body { font-family: 'Comic Sans MS', sans-serif; margin: auto; background-color: #2a3245; }

#nav { text-align: center; }
.btn { width: 200px; height: 200px; background-size: 100%; display: inline-block; }
.btn#home { background-image: url('/assets/nav/home.png'); }
.btn#home:hover { background-image: url("/assets/nav/home_hover.png"); }
.btn#about { background-image: url('/assets/nav/about.png'); }
.btn#socials { background-image: url('/assets/nav/socials.png'); }

#content { max-width: 800px; margin: 20px auto; padding: 20px; background-color: white; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
#content img { display: block; margin: auto; }

#socialbuttons { text-align: center; }
#socialbuttons a { display: inline-block; }
#socialbuttons img { height: 48px; width: 100%; }

#footer { text-align: center; color: #b3b3b3; }

h1 { text-align: center; color: #333333; }