:root {
  --bg-main:#F5E0E9;
  --bg:#F1D5E1;
  --notebg:#BFADB5;
  --text:#381222;
  --button-bg:#F1D5E1;
  --jalinkhover:#7e1340;
}

.main {
  max-width: 100%;
  text-align: center;
  background: var(--bg-main);
  border-radius: 5px;
  padding-bottom:5px;
}

.main2 {
  max-width: 100%;
  border-radius: 5px;
  padding-bottom:5px;
}

body {
  margin-left:10%;
  margin-right:10%;
  background: var(--bg);
  color:var(--text);
}
a.jalink, a.jalink:visited {text-decoration:underline; color:var(--text); background-color: rgba(255, 255, 255, 0); padding: 0px}
a.jalink:hover {color:var(--jalinkhover)}
a, button, a:visited {
  text-decoration: none;
  background-color: var(--button-bg);
  color: var(--text);
  border-radius: 5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:15px;
  padding-left:7px;
  padding-right:7px;
}
.pfp {
	max-height:200px;
	border-radius: 5px;
}	
.note {
	background-color: var(--notebg);
	border-radius: 5px;
	max-width: 100%;
	text-align: center;
	padding-left:7px;
    padding-right:7px;
	margin-left:20%;
	margin-right:20%
}
a.entry, a.entry:visited {
  text-decoration: none;
  color: var(--text);
}
td {vertical-align: top;}
table {
  width: 100%;
  table-layout: fixed;
  vertical-align: top;
  }
.grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}