html{background-color:var(--background-color);color:var(--opp-color);scroll-behavior:smooth;margin-top:10vh;font-family:monospace}.body,.page{height:100vh}h1{font-size:4em;text-align:center;margin-bottom:8px;font-weight:500}h2,h3{margin:0;text-align:center;font-weight:300}p{margin:12px 0;font-size:large}button{cursor:pointer}ul,ol{margin-top:0;font-size:large}input{width:70%;margin:16px;justify-content:center}:root{--text-color: #7400CC;--background-color: #F5F5F5;--opp-color: #282828;--accent-color: #AADAC8}.dark{--text-color: #F5F5F5;--background-color: #282828;--opp-color: #F5F5F5;--accent-color: #41584B}.center-all{display:flex;flex-direction:column;text-align:center}.navbar-container{position:fixed;justify-content:flex-end;top:0;right:0;display:flex;align-items:center;z-index:1;width:100%;background-color:var(--accent-color);padding:10px 12px}.nav-links{margin:1em;text-decoration:none;font-size:1.2em;color:var(--opp-color);font-weight:400;padding:10px 0}.nav-links:hover,.nav-links:focus{text-decoration:underline;color:var(--opp-color)}.navbar-mobile{display:none}.social-media{display:flex;gap:2em;justify-content:center;background-color:var(--background-color);text-align:center;width:100%;margin-top:20px;margin-bottom:3vw}.social-media a{margin:1em;color:var(--opp-color);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px;flex-wrap:wrap}.only-mobile{display:none}#about-title{margin-bottom:5px}.about-content{display:flex;justify-content:center;align-items:center;gap:70px;text-align:left}.about-content div{width:50vw}.about-content img{height:65vh;width:auto}.about-content h1{margin:0}.mobile-about-content{display:none}#name{margin:0 0 16px}.main-container h2,.main-container h3{text-align:left;margin:8px 0;font-weight:600}.main-container{display:flex;flex-direction:column;justify-content:center;width:75%;margin:0 auto}.main-container img{width:33vw;height:auto;display:block;margin-left:auto;margin-right:auto}.post-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.post{display:flex;flex-direction:column;align-items:center;width:calc(26% - 20px);box-sizing:border-box;padding:16px;border:1px solid var(--opp-color);border-radius:8px;position:relative;text-decoration:none;color:var(--opp-color)}.post-previews{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--opp-color)}.post-previews img{width:100%;height:auto!important}.post-previews a{display:block}.post-content{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.h2-container{display:flex;align-items:center;justify-content:center;flex-grow:1}.tags{display:flex;justify-content:center;gap:1.2em;flex-wrap:wrap;width:85%;margin:16px auto}.tag{background-color:var(--accent-color);color:var(--opp-color);border:1px solid var(--opp-color);border-radius:12px;font-weight:400;padding:8px 6px;margin:0}#inputField{outline:none;padding:6px;border:1px solid var(--opp-color);border-radius:10px;background-color:var(--background-color);color:var(--opp-color)}::placeholder{color:var(--opp-color)}@media only screen and (max-width: 768px){h1{font-size:3em}body{margin-top:2vh}.navbar-desktop,#check{display:none}.navbar-mobile{display:flex;padding:10px 0;margin:1em}.nav-mobile{position:fixed;visibility:hidden;opacity:0;transform:translate(-100%);transition:all .3s ease;width:100%;background:var(--background-color);z-index:1;top:100px;right:10px;width:150px;border:solid;border-color:var(--opp-color);border-width:1px}.about-content,.only-desktop{display:none}.mobile-about-content{display:flex;flex-direction:column;text-align:left;justify-content:center;align-items:center;padding-bottom:70px}.mobile-about-content img{height:auto;width:70%}.mobile-about-content div{width:90%;display:flex;flex-direction:column}.post{width:calc(48% - 5px)}.post-container{gap:10px}.main-container{width:85%}.main-container img{width:50vw;height:auto}.social-media{position:fixed;bottom:0;margin-bottom:0;padding:16px 0}}#themeToggle[data-astro-cid-oemx5le4]{border:0;background:none}.sun[data-astro-cid-oemx5le4]{fill:#000}.moon[data-astro-cid-oemx5le4],.dark .sun[data-astro-cid-oemx5le4]{fill:transparent}.dark .moon[data-astro-cid-oemx5le4]{fill:#fff}