/* Stylesheet for entire website */

/* Navigation bar stylings 
/* https://www.w3schools.com/howto/howto_js_topnav.asp
/*
/*******************************************************/
.topnav {
  overflow: hidden;
  background-color: black;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}


/* Make this different for each tab; colour and texture? e.g: starry for About Me; papery for editing; obsidian for code*/
.topnav a.active {
  background-color: #ddd;
  color: black;
}

/* Footer Stylings 
/*
/*******************/
footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;

    background-color: #202324;
}