#root{max-width:100%;margin:0 auto;text-align:center;font-family:Helvetica,serif;font-weight:100;letter-spacing:.05em;scroll-behavior:smooth}body{scroll-behavior:smooth;font-size:.8rem}.dm-serif-text-regular,h1{font-family:"DM Serif Text",serif;text-transform:uppercase;font-weight:400;font-size:2.2rem;letter-spacing:.1rem}.antic-regular,h2{font-family:Antic,serif;text-transform:uppercase;font-weight:400;font-size:1.2rem;letter-spacing:.2em}.link,h3{font-family:Helvetica,serif;font-weight:100;font-size:.8rem;letter-spacing:.05em;color:gray}.grey,.grey *{color:gray}.black,.black *{color:#000!important}.underline{text-decoration:underline}.removeunderline{text-decoration:none}#nav{display:none}a{color:#000;text-decoration:none}#Header{position:fixed;top:1em;left:50%;transform:translate(-50%);height:5em;width:100vw}#Content{position:fixed;top:6em;left:50%;transform:translate(-50%);width:100%;height:calc(100vh - 12em);text-align:left}.Title{height:calc(100vh - 12em);line-height:1.4rem;margin:0 4em;overflow-y:scroll;overflow-x:scroll;display:flex;flex-direction:column}.center{text-align:center;justify-content:center;align-items:center}.right{text-align:right;justify-content:center;align-items:center}.grid-3{display:grid;grid-template-columns:15% 55% 15%;gap:7.5%}.Title h3{color:gray}.Footer{display:flex;position:fixed;background-color:#fff;overflow:hidden;left:0;bottom:0;height:4em;width:100%;justify-content:center;align-items:center;transform:translate(0)}.Footer h3{margin:0 5em}.Footer h3:hover{color:gray;text-decoration:underline}.Footer h3:active{text-decoration:underline}svg{width:50vw;height:auto}text{font-size:8px;text-anchor:middle}.wave-text{fill:url(#wave);fill-opacity:1}#wavePath{animation:moveWave 1.5s linear infinite;animation-fill-mode:both}@keyframes moveWave{0%{transform:translate(0)}to{transform:translate(40px);color:#000}}.badges{display:flex;flex-direction:column}.badge{max-height:5rem;padding:1em 3em}.about{width:50vw}#Blog,#Posts{cursor:pointer}ul{list-style-type:none}li:before{content:"-";color:#000;margin-right:10px}.blog-img{width:100%}.caption{text-align:center;font-size:.5rem;color:gray}#RenderPage{position:relative;overflow:scroll}#TableOfContent a:hover,#Posts h3:hover,a:hover{color:#000}#TableOfContent li:before,#TableOfContent a{content:"";color:gray}#TableOfContent *{font-size:.5rem!important;padding:0}#Posts,#TableOfContent{display:flex;flex-direction:column}#Overview:hover{background-color:#e6e6fa;transition:ease,.5s}#Overview{padding:0 2em;height:7rem;overflow:scroll;transition:ease,.5s}.overview h2{display:none}#ErrorPage{position:absolute;height:90%;width:100%;align-content:center;overflow:hidden}::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-width: 900px){h2{font-size:small!important}h1{font-size:medium!important;text-align:center;margin:1em}h3,p,a,b{font-size:xx-small!important}.grid-2{display:grid;grid-template-columns:auto auto;gap:10vw;justify-content:center;margin-bottom:-2vh}.grid-3{display:flex;flex-direction:column;gap:0}.Footer h3{margin:0 2em}#Posts,#TableOfContent{display:none;flex-direction:column;text-align:center;border-top:solid thin black;border-bottom:solid thin black;width:calc(100% - 4em)}.Title,#RenderPage{margin-bottom:5em!important}#isMobile{text-align:center;color:#000;cursor:pointer;border:solid thin black;padding:.5em 1em}#isMobile:hover{background-color:#000;color:#fff;text-decoration:underline}}@media only screen and (max-width: 400px){#root{display:none}body:after{display:flex;position:fixed;content:"This screen size is not supported. Open in bigger screen.";color:#000;font-size:15vw;font-family:Antic,serif;font-weight:700;text-transform:uppercase}}