/*** GENERAL INFO ***/
/* text:  1.5 vw ~ 24 px; 1.25 vw ~ 20px */
/* margin: 1 vw ~ 15 %; 2.1 vw ~ 1.5 line space */



/* For free manipulation of objects via html */
/* * { */
  /*border-color: black;*/
  /*border-style: solid;*/
  /*margin: 0px;*/
  /*padding: 0px;*/
  /*box-sizing: border-box;*/
/* } */

/* All texts on html */
body {
  width: 960px;
  font-family: "Nunito", sans-serif;
  /*background: purple;*/
  margin-left: auto;
  margin-right: auto;

  display: flex;
  flex-direction: row;
}

/*  
###           ###
### Side Menu ###
###           ###
*/
/* Side menu */
header {
  /*background: lightgreen;*/
  width: 200px;
  margin: 2%;

  display: flex;
  flex-direction: column;
}

.face {
  border-color: black;
  border-style: solid;
  width: 180px;
  height: auto;
}

.name_tag {
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
}

.name {
  font-size: 25px;
  font-weight: bold;
  padding-top: 5px;
}

.title {
  font-size: 15px;
  font-weight: normal;
  padding-top: 0px;
}

.e-mail {
  font-size: 15px;
  font-weight: normal;
  padding-top: 1px;
}

/* Excluding home and contact */
.nav-links {
  background: rgba(0, 0, 255, 0);
  margin: 0px;
  padding: 0px;
  line-height: 1.6;
  list-style: none;
  display: flex;
  flex-direction: column;
}

/* All side menu links */
.nav-link {
  background: rgba(0, 0, 255, 0);
  display: inline-block;
  padding-left: 0px;
  margin-left: 7px;
  height: 20px;
  width: 2px;
  font-size: 22px;
  text-decoration: none;
  border-radius: 1000px;
  box-shadow: -6px 7px 0 0 white;
}

/* Specifics to home link */ 
.home-link {
  /*background: darkred;*/
  padding-top: 2px;
  margin-top: 12px;
  margin-bottom: 20px;
  height: 17px;
}

/* Specifics to contact link */
.login-link {
  /*background: darkred;*/
  padding-top: 2px;
  margin-top: 15px;
  height: 17px;
}

/* Specifics to current link */
.current-link {
  /*font-weight: bold;*/
  color: black;
  box-shadow: -6px 7px 0 0 Black;
}

a.nav-link:not(.current-link) {
  /*transition: box-shadow 0.3s, width 0.3s, color 0.3s;*/
  transition: box-shadow 0.3s, color 0.3s;
}

a.nav-link:not(.current-link):hover {
  box-shadow: -6px 7px 0 0 Black;
  /*width: 80%;*/
  color: Black;
}

/*  
###           ###
### Main Info ###
###           ###
*/
/* Main information display */
main {
  /* background: lightgreen; */
  margin: 2%;
  margin-left: 5%;
  width: 86%;

  display: flex;
  flex-direction: column;
}

/* Header within main */

h4 {
  margin-bottom: 0px;
}

/* Paragarphs within main */
p {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 15px;
}


.space_list {
  display: flex;
  flex-direction: row;
}

.content {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.intro-text {
  /* padding-left: 5%; */
  /* padding-right: 5%; */
  /* border-style: solid; */
  border-color: black;
  font-size: 16px;
}

.main-para {
  /* padding-left: 2%; */
  /* border-style: solid; */
  border-color: black;
  font-size: 16px;
}

.item-title {
  /* padding-left: 2%; */
  /* border-style: solid; */
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.item-desc {
  /* padding-left: 2%; */
  /* border-style: solid; */
  padding-top: 0;
  margin-top: 3px;
  margin-bottom: 0px;
  border-color: black;
  font-size: 15px;
}

.sub-topic {
  /* padding-left: 2%; */
  /* border-style: solid; */
  border-color: black;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}


.sub-topic-title {
  border-style:solid;
  border-color:rgba(0, 0, 0, 0.6); 
  border-radius: 5px;
  border-width: 2px;
  padding-left: 5px; 
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
}

.math {
  font-family: 'Courier New', Courier, monospace;
}

.to-do {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: -10px;
  font-size: 20px;
  list-style:  none;
}

sup {
  font-size: 10px;
}

/*  
###           ###
### Copyright ###
###           ###
*/
.copyright {
  text-align: center;
  font-size: 14px;
  /* border-style: solid; */
  border-width: 1px;
  border-color: black;
}