@font-face{font-family:A Goblin Appears\!;src:url(/assets/A-Goblin-Appears-vWrd3IPQ.woff2)format("woff2"),url(/assets/A-Goblin-Appears-tEy92rh9.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@media screen and (width>=850px){.introduction{background-position:bottom;background-repeat:no-repeat;background-size:cover;height:40rem;font-size:1.8rem}.work{width:70%;margin-left:auto;margin-right:auto}.work h2{text-align:left;margin:auto;font-size:2rem;display:block}.work p{text-align:left;font-size:1rem}.seework{width:max-content;height:max-content;padding:10px;font-size:1rem}}@media screen and (width>=850px){.project-section{width:80%;margin:auto}.project-section img{margin:auto auto 2rem;left:0}.techstack{text-align:left}}#header{z-index:1000;border:none;align-items:center;width:100%;height:5rem;margin:0;padding:0;display:flex;position:fixed;top:0;left:0}#logo-container{flex-shrink:0;padding-left:1rem;font-family:A Goblin Appears\!}#logo-container h1{margin:0;font-size:.75rem}#logo-container a{align-items:center;gap:.5rem;text-decoration:none;display:flex}#header-logo{object-fit:contain;width:auto;height:4rem}#header .menu{text-align:center;z-index:999;border:2px solid #5f5f5f;border-radius:.5rem;width:10rem;margin:0;padding:.5rem 1rem 1rem;list-style:none;transition:transform .2s;position:fixed;top:5rem;right:0;transform:translate(110%)}#header .menu.show{transform:translate(0)}#header .menu li{margin-top:1rem;list-style:none}#header .menu a{font-size:.9rem;font-weight:700;text-decoration:none}.buttons{align-items:center;gap:.75rem;margin-left:auto;padding-right:1rem;display:flex}.buttons input[type=image]{cursor:pointer;border:2px solid;border-radius:.5rem;width:1.2rem;height:1.2rem;padding:.5rem}.colorBtn{transition:transform .2s;transform:translateY(0)}.colorBtnTransition{transform:translateY(-150%)}@media screen and (width>=850px){#header{width:65%;left:50%;transform:translate(-50%)}#header .menu{background-color:#0000;border:none;border-radius:0;flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;width:auto;padding:0 .7rem 0 0;display:flex;position:static;transform:none}#header .menu li{margin:0}#header .menu a{font-size:.85rem}#burgerBtn{display:none}.buttons{border-left:1px solid;margin-left:auto;padding-left:1rem}#colorBtn{width:.8rem;height:.8rem;padding:.25rem}}footer *{color:#000;margin:0;padding:0}footer{flex-direction:column;margin-top:1rem;display:flex}.copyright{opacity:1;align-self:flex-end;margin:1rem auto;padding:20px;font-size:.8rem}@font-face{font-family:A Goblin Appears\!;src:url(/assets/A-Goblin-Appears-vWrd3IPQ.woff2)format("woff2"),url(/assets/A-Goblin-Appears-tEy92rh9.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}main *{color:#fff;margin:0}main{font-size:150%;position:relative}.introduction *{text-shadow:1px 1px #000;background-color:#0000}.introduction{text-align:center;background-position:20% 60%;background-size:420%;flex-direction:column;justify-content:center;width:99%;height:90vh;margin:auto;font-family:A Goblin Appears\!;font-size:2rem;display:flex;position:relative}.introduction p{text-align:center;margin-top:2rem;line-height:2}.hero{border-radius:50%;width:20%;height:20%}.work{text-align:justify;margin-top:3rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem}.work h2{border-bottom:5px solid gray;display:inline}.work p{margin-top:1rem;line-height:1.5}.seework{color:#000;border:0;border-radius:.5rem;margin:1.2rem auto auto;padding:10px 12px;font-size:1rem;display:block}.seework:hover{cursor:pointer}@media screen and (width>=850px){.introduction{background-position:bottom;background-repeat:no-repeat;background-size:cover;height:40rem;font-size:1.8rem}.work{width:70%;margin-left:auto;margin-right:auto}.work h2{text-align:left;margin:auto;font-size:2rem;display:block}.work p{text-align:left;font-size:1rem}.seework{width:max-content;height:max-content;padding:10px;font-size:1rem}}.projects{text-align:center;color:#fff;background-color:#000;padding-top:4rem;position:relative}.projects *{margin:0}.footer-header{background-size:100%;background-position:no-repeat center center fixed;text-align:center;width:90%;margin:auto;padding-top:2rem;position:relative}.footer-header p{margin-top:1rem;margin-bottom:2rem}.projects h1,.projects p{font-size:2rem}.tech-stack-section{border-style:solid;width:70%;margin:auto auto 4rem;padding:2rem}.tech-stack-section h2{margin-bottom:2rem;font-size:1.3rem}.tech-stack-section img{object-fit:contain;width:150px;height:150px;margin-left:2rem}.projects-container{flex-direction:column;justify-content:center;gap:30px;display:flex;position:relative;overflow:hidden}.projects-container *{flex:13rem}.project-section{color:#3061e3;background-position:top;background-color:rgba (0, 0, 0, .5);width:90%;margin:auto;position:relative}.project-container h2{margin:0}.project-section *{background-color:#0000}.project-section p{margin-bottom:1rem}.project-section img{z-index:1;object-fit:cover;width:100%;max-height:40rem;margin-bottom:1rem;position:static}.projects-container h4{color:#3061e3;text-align:left;background-color:#0000;margin-bottom:1rem;font-size:3rem;position:relative}.projects-container p{z-index:2;text-align:left;background-color:#0000;font-size:1rem;position:relative}.techstack{text-align:left;flex:1}.techstack h2,.project-section h2{z-index:2;opacity:.5;text-align:left;background-color:#0000;margin-bottom:.5rem;font-size:1rem}.techstack p{margin-bottom:1rem;font-size:1rem}.techstack a{color:#f1b000;background-color:#0000;font-weight:700;text-decoration:none}.techstack a:hover{text-decoration:underline}@media screen and (width>=850px){.project-section{width:80%;margin:auto}.project-section img{margin:auto auto 2rem;left:0}.techstack{text-align:left}}.contact-container{width:90%;margin:auto;position:relative}.contact-container h1{text-align:center;margin-top:0;padding-top:7rem;font-size:2.6rem}.professional-box a{color:#3061e3;font-size:1.5rem}.social-links{text-align:left;flex-direction:column;margin:0;padding:0 0 2rem;font-size:2rem;display:flex}.socials-container h2{margin-top:5rem;font-size:1.2rem}.social-links li{text-align:left;flex-direction:row;align-items:center;list-style-type:none;display:flex}.social-links a{text-underline-offset:5px;margin:10px;font-size:1rem}#github{background-color:#fff;border-radius:11rem}.social-links img{width:20px;height:20px;margin-right:.5rem}@media screen and (width>=600px){.contact-container{width:50%}h2,p{text-align:center}.professional-box a{text-align:center;display:block}.social-links{align-items:center}}.blog{width:90%;margin:auto}.blog h1{text-align:center;margin:auto;padding-top:8rem;font-family:A Goblin Appears\!;font-size:2rem}.blog p{text-align:center;border-bottom:1px solid #fff;width:90%;margin:1rem auto auto;padding-bottom:5rem;font-size:1.5rem}.blog a{color:#fff;text-decoration:none}.articles{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;margin:5rem auto auto;display:grid}.article-container img{object-fit:contain;width:100%}.post-container{width:90%;margin:auto}.article-image-container{max-width:100%;height:40rem;margin:auto}.title h1{text-align:center;border-bottom:1px solid gray;margin:0;padding-top:7rem;padding-bottom:2rem;font-size:2.7rem}.article-image-container img{object-fit:cover;object-position:50%;max-width:100%;height:100%;margin:auto;display:block}.author-date img{object-fit:cover;object-position:center;border-radius:50%;width:50px;height:50px}.author{align-items:center;gap:5px;margin-top:1rem;display:flex}.date{text-align:left;font-size:.8rem}.date p{text-align:left}.author img{max-width:100%}.content{width:93%;margin:auto;font-size:1.7rem;line-height:2}.content:first-letter{float:left;font-size:5rem;font-weight:700;line-height:1}.article-bold-text{text-align:left;margin:1rem 0;font-size:2.2rem;font-weight:700;display:block}@media screen and (width>=850px){.post-container{width:50%}.content{text-align:left;width:50%;font-size:1rem;line-height:2.2}.article-bold-text{font-size:2rem}}html{background-color:#f0e7db;margin:0;padding:0;font-family:Inter,sans-serif;font-size:100%;position:relative}html *{position:relative}body{min-height:100vh;margin:0;position:relative}.main{min-height:95vh;padding-top:5rem}.light *{color:#000;background-color:#f0e7db;border-color:#000;transition:all .2s;position:relative}.dark *{color:#fff;background-color:#000;border-color:#fff;transition:all .2s;position:relative}@media screen and (width>=850px){html{width:70%;margin:auto;font-size:150%;position:relative}body{width:90%;margin:auto}}