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