:root {
	--purple: #74569B; --cyan: #96FBC7; --yellow: #F7FFAE; --pink: #FFB3CB; --light: #D8BFD8;
	--blue1: #0D2B45; --blue2: #203C56; --purple1: #544E68; --purple2: #8D697A; 
	--orange1: #D08159; --orange2: #FFAA5E; --light1: #FFD4A3; --light2: #FFECD6;
}
@font-face { font-family: comicSans; src: url("ComicSansMSBold.ttf"); }
@font-face { font-family: adwaitamono; src: url("AdwaitaMono-Regular.ttf"); }
* {
	outline: 1px solid #222;
}
html, body, img, h1, p, a { outline: none; }
div { position: relative; }	
body, html { margin: 0; width: 100%; height: 100%; }
.sidebar { width: 20%; height: 4000px; background: var(--purple2); }
.main { width: 80%; height: 4000px; background: var(--blue2); }
.flex { display: flex; }
.bigtext { font-family: "comicSans"; font-size: 90px; line-height: 1.5; margin: 2px;  }
.midtext { font-family: "adwaitamono"; font-size: 30px; line-height: 1.5; margin: 2px;  }
.text { font-family: "adwaitamono"; font-size: 15px; line-height: 1.5; margin: 2px;  }
p { font-family: "adwaitamono"; font-size: 15px; line-height: 1.5; margin: 2px;  }
h1 { font-family: "adwaitamono"; font-size: 30px; line-height: 1.5; margin: 2px;  }