*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#0e092d}.home{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e7d3f2;font-size:1.25rem}.home h1{color:#a87ce6;font-size:2.5rem;margin-bottom:2rem}.home a{color:#e7d3f2;text-decoration:underline}.home a:hover{color:#a87ce6}.blog{margin-top:2rem;width:100%;display:flex;flex-direction:column;align-items:center}.blog h1{color:#a87ce6;font-size:2.5rem;margin-bottom:2rem}.blog ul{width:80%}.blog ul li{position:relative;margin-bottom:1rem;list-style:none;padding-bottom:2rem}.blog ul li a{display:block;font-size:1.5rem;color:#e7d3f2;text-decoration:none;margin-bottom:.5rem}.blog ul li a:hover{color:#a87ce6}.blog ul li span{color:#d3d3d3}.blog ul li:after{content:"";width:80%;position:absolute;bottom:0;left:0;border-bottom:1px solid #dcbfec;opacity:.5}.blog-post{margin-top:2rem;width:100%;display:flex;flex-direction:column;align-items:center}.blog-post h1{color:#a87ce6;font-size:2.5rem;margin-bottom:2rem}.blog-post .subtitle{color:#d3d3d3;margin-bottom:2rem}.blog-post .page-content{width:100%;padding:3rem;font-size:1.25rem;color:#e7d3f2;line-height:1.25rem}.blog-post .page-content p{margin-bottom:1rem}