@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Sigmar&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.header-main-nav{min-height:100vh;display:flex;justify-content:center;align-items:center}.main-nav{width:1000px;height:600px;gap:.5rem;display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr));grid-template-rows:auto auto;grid-template-areas:"about contact mydiv" "showcase showcase blog"}@media screen and (max-width: 800px){.main-nav{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"mydiv" "about" "contact" "showcase" "blog";width:75%}}.links{border-width:3px;border-style:dashed;border-radius:16px;width:100%}#about{grid-area:about;border-color:#e64980}.about{background-color:#e64980}#home a,.home{background-color:#fff}.home-mobile,.about-mobile,.contact-mobile,.showcase-mobile,.blog-mobile{transform:translate(-100%)}#contact{grid-area:contact;border-color:#fa5252}.contact{background-color:#fa5252}#showcase{grid-area:showcase;border-color:#be4bdb}.showcase{background-color:#be4bdb}#blog{grid-area:blog;border-color:#099268}.blog{background-color:#099268}#mydiv{grid-area:mydiv}.links a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;font-size:1.5em;font-weight:bolder;border-radius:16px;color:#000}@media screen and (max-width: 768px){.links a{font-size:18px}}.mobile-sidebar{position:fixed;left:0;right:auto;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;visibility:hidden;display:none}@media screen and (max-width: 1250px){.mobile-sidebar{visibility:visible;display:flex}}.desktop-sidebar{position:fixed;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1250px){.desktop-sidebar{display:none}}.menu-icon{width:60px;height:50px;background:linear-gradient(135deg,#e64980,#fa5252,#be4bdb 50%,#099268);border-radius:24px;padding:4px;position:fixed;top:0;visibility:hidden}@media screen and (max-width: 1200px){.menu-icon{visibility:visible}}.mobile-sidebar-list li,.desktop-sidebar-list li{border:2px dashed;border-radius:16px;width:100px;height:100px}@media screen and (max-width: 720px){.mobile-sidebar-list li,.desktop-sidebar-list li{width:75px;height:50px}}.mobile-sidebar-list li a,.desktop-sidebar-list li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:#000;border-radius:16px;font-weight:bolder}.mobile-sidebar-list,.desktop-sidebar-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%}.links a,.sidebar-list li a:hover{transition:color .4s linear,background-color .3s ease-out}.links a:hover,.sidebar-list li a:hover{background-color:#000;color:#fff}@keyframes links-animation{0%{transform:translate(-100%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(0)}}.animate{animation:links-animation .2s forwards}.home-mobile.animate{animation-delay:0ms}.about-mobile.animate{animation-delay:50ms}.contact-mobile.animate{animation-delay:.1s}.showcase-mobile.animate{animation-delay:.15s}.blog-mobile.animate{animation-delay:.2s}#k-box{display:flex;justify-content:center;align-items:center;font-size:2em;border-radius:16px;border:3px dashed blue}@media screen and (max-width: 768px){#k-box{font-size:1em}}#about-section{min-height:100vh;border:3px dashed #e64980;border-radius:16px}.about-bg{background-color:#e64980;border-radius:16px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;min-height:100vh}.about-information{display:flex;visibility:visible;justify-content:center;align-items:center;visibility:hidden;width:100%;color:#000}.about-information p{margin-left:1rem;margin-right:1rem}.about-h2{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;visibility:hidden;text-align:center}.about-information p{font-size:1.3em}.h2-span{display:block;font-size:1.3em}.frontend-skills{margin:12px;display:flex;flex-wrap:wrap;gap:.5rem}.skills{visibility:hidden;height:300px}.frontend-skills li{background-color:#fff;color:#000;padding:.25rem}.type{color:#fff}#contact-section{min-height:100vh;border:3px dashed black;background-color:#fa5252;border-radius:16px;margin-top:16px;display:flex;justify-content:center}@media screen and (max-width: 768px){#contact-section{flex-direction:column}}.contact-information{flex:1;display:flex;flex-direction:column;align-items:center;border-radius:16px;margin:2rem;visibility:hidden;color:#fff}.contact-list{display:flex;flex-direction:column;justify-content:center}.contact-list li{display:flex;gap:.5rem;flex-wrap:wrap;font-size:1.7em}.contact-list li a{color:#fa5252}figure{visibility:hidden}figcaption a{display:flex;flex-direction:column;text-decoration:none}figcaption{display:flex;flex-direction:column}#alien,#jester{margin-top:16px;width:300px}@media screen and (max-width: 768px){#alien,#jester{width:150px}}.icons-container{display:flex;flex-direction:column}#showcase-section{display:flex;justify-content:center;align-items:center;margin-top:16px;min-height:100vh;border:3px dashed #be4bdb}#showcase-section,.showcase-information{border-radius:16px}.showcase-information{flex:1;visibility:hidden;display:flex;flex-direction:column;justify-content:center;color:#be4bdb}#blog-section{margin-top:16px;display:flex;min-height:100vh;border-radius:16px;border:3px dashed #099268;visibility:hidden}.blog-posts{width:100%;max-width:100%;min-height:100vh;border-radius:16px;background-color:#099268;visibility:hidden}@media screen and (max-width: 768px){.blog-posts{visibility:visible}}@keyframes slide-in-no-bg{0%{opacity:0;transform:translate(-100%)}to{opacity:1;visibility:visible;transform:translate(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;background-color:#000;visibility:visible;transform:translate(0)}}@keyframes slideWithFade{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes fadeEffect{0%{opacity:0}to{opacity:1;visibility:visible}}.show-section{animation:fadeEffect 1s forwards;will-change:opacity,visibility}.slide-in-horizontally{animation:slide-in-no-bg 1s forwards}.slide-in-vertically{animation:slideWithFade 1s forwards;will-change:transform,opacity,visibility}.slide-in-li-vertically{animation:slideWithFade 1s 1.2s forwards;will-change:transform,opacity,visibility}.slide-in-active{animation:slide-in 1s forwards;will-change:transform,opacity,visibility}:target{animation:fadeEffect 1s forwards;will-change:opacity,visibility}@keyframes highlights{0%{visibility:visible;background-position:50% 0;background-size:5% 100%}25%{background-size:10% 100%}50%{background-size:15% 100%}75%{background-size:20% 100%}to{visibility:visible;background-position:50% 0;background-size:25% 100%}}.highlight{animation:highlights .5s linear .7s forwards;background-image:linear-gradient(to right,#000,#000);background-repeat:no-repeat;color:#fff;will-change:background-position,background-size,visibility}@keyframes fill-letters{0%{visibility:visible;color:transparent;-webkit-background-clip:text;background-clip:text;background-position:-100% 0;background-size:0% 100%}25%{background-size:25% 100%}50%{background-size:50% 100%}75%{background-position:0 0;background-size:80% 100%}to{visibility:visible;color:transparent;-webkit-background-clip:text;background-clip:text;background-position:0 0;background-size:100% 100%}}.fill-letter-white{animation:fill-letters 1s ease-in forwards;background-image:linear-gradient(to right,#fff,#fff);background-repeat:no-repeat;will-change:color,background-position,background-size,visibility}.fill-letter-white-delay{animation:fill-letters .5s ease-in forwards;background-image:linear-gradient(to right,#fff,#fff);background-repeat:no-repeat;will-change:color,background-position,background-size,visibility}.fill-letter-delay{animation:fill-letters 1s ease-in 1s forwards;background-image:linear-gradient(to right,#000,#000);background-repeat:no-repeat;will-change:color,background-position,background-size,visibility}@font-face{font-family:Open Sans;src:url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap) format("truetype")}.lilita-one-regular{font-family:Lilita One,sans-serif;font-weight:400;font-style:normal}.sigmar-regular{font-family:Sigmar,sans-serif;font-weight:400;font-style:normal}.outfit-light{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.outfit-bold{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}body{font-size:18px}h2{font-family:Sigmar,sans-serif}button{font-family:Lilita One,sans-serif;cursor:pointer}@media screen and (max-width: 768px){body{font-size:16px}.contact-list li{font-size:1.2em}}@media (min-width: 1024px){body{font-size:20px}h2{font-size:2.5em}}@media (min-width: 1440px){body{font-size:22px}}.card{margin-left:12px;width:500px;height:300px;background-color:#242424;transition:transform .3s linear;transform-origin:center;box-shadow:4px 4px 4px #000}@media screen and (max-width: 768px){.card{max-width:250px;height:100px}}.drawer-wrapper{display:flex;cursor:pointer}@media screen and (max-width: 768px){.drawer-wrapper{justify-content:center}}.drawer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px}.drawer-inside{position:relative;z-index:-1;width:440px;height:100px;transform:translateY(90%) perspective(100px) rotateX(35deg) scale(1);background-color:#000;transform-origin:center}@media screen and (max-width: 768px){.drawer-inside{display:none}}.card:hover{transform:translateY(20%) scale(1.1)}@media screen and (max-width: 768px){.card:hover{transform:none}}.posts{display:flex;flex:1;min-height:100vh;gap:1rem}@media screen and (max-width: 768px){.posts{flex-direction:column}}.code{padding:16px;border-radius:8px;font-size:14px;line-height:1.5}#close-article{position:relative;right:40%;width:50px;height:50px;padding-top:4px;padding-bottom:4px;border:none;background-color:#242424;transition:transform .3s linear}.inactive{width:100%;border:3px dashed #121212;margin:4px;border-radius:16px}.active-text{margin-left:1rem;margin-right:1rem}#close-article:hover{transform:scale(1.3)}.active-article{max-width:720px;height:95vh;border-radius:16px;position:relative;flex:1;word-break:break-word;overflow-y:scroll;background-color:#121212}.reactMarkdown{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;white-space:pre-wrap;text-align:justify;margin-left:1em;margin-right:1em;letter-spacing:normal}@media screen and (max-width: 1000px){.reactMarkdown{max-width:100%}}@media screen and (max-width: 768px){.reactMarkdown{max-width:100%}}.reactMarkdown h3{margin-top:.5rem}.reactMarkdown h2{text-align:left;font-size:2em}@media screen and (max-width: 1000px){.reactMarkdown h2{font-size:1.5em}}.reactMarkDown ul{margin-top:1em;margin-bottom:1em;list-style:disc outside none;display:list-item}.reactMarkDown li{margin-left:2em;text-align:-webkit-match-parent}#root{max-width:1280px;margin:0 auto;text-align:center}:root{font-family:Lilita One,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;list-style-type:none}*,*:before,*:after{box-sizing:inherit}img{max-width:100%}html{scroll-behavior:smooth}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}.div{min-height:100vh}.show{visibility:visible}.hide{visibility:hidden}