@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap";
@import "https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&family=Source+Sans+Pro:wght@600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";
:root{--main-font:"Roboto",sans-serif;--title-font:"Inter",serif;--sub-title-font:"Merriweather Sans",sans-serif;--date-font:"Helvetica Neue",Helvetica;--shine-color:#f1f1f1;--button-font:"";--main-color:#382f60;--secondary-color:#485188;--tertiary-color:#4b81ab;--header-option-activated:#485188;--header-option-hover:#48518896;--header-text-option-activated:white;--header-option-text:white;--header-background-color:#382f60;--open-menu-icon-color:#eee;--page-title-color:#2d2d2d;--button-text-color:#fff;--button-color:#485188;--shadow-color:#333333c4;--code-color:#f5f4f4}body.light{--theme-switch-color:#f3f3f3dc;--line-color:#acacac;--rss-link-color:#2d2d2dad;--background-quote-color:#e3e3e3;--scrollbar-background-color:#b5b5b5;--card-border-color:#485188;--card-text-color:#2d2d2d;--card-resume-text-color:#2d2d2de3;--card-color:#eee;--card-date-color:#636363;--card-shadow-color:#3a3a3ab0;--header-background-color:#382f60;--background-color:#f5f5f5;--constrated-brackground-color:#d6d6d6;--font-contrast-color:#eee;--post-text-color:#292929;--post-h1-color:#292929;--title-before-color:#bdbdbd;--title-before-color-h2:#b4b4b4;--post-resume-color:#575757;--code-background-color:#485188;--link-color:#4f5dad;--link-hover-color:#424b81;--table-row-even:#f2f2f2;--table-row-odd:#ddd;--table-row-hover:#2d2d2d36;--table-line-color:#2d2d2d48;--role-tag-color:silver}body.dark{--theme-switch-color:#fcc422;--line-color:#818181;--rss-link-color:#c1c1c1ad;--background-quote-color:#303030;--scrollbar-background-color:#292828;--card-border-color:#241e3e;--card-text-color:#e9e7e7;--card-resume-text-color:#e9e7e7c2;--card-color:#382f60;--card-date-color:#b5b5b5;--header-background-color:#241e3e;--header-option-activated:#382f60;--background-color:#1f1f1f;--constrated-brackground-color:#252525;--font-contrast-color:#d6d4d4;--post-text-color:#e9e7e7ed;--title-before-color:#676767;--title-before-color-h2:#575757;--post-h1-color:#f0f0f0;--post-resume-color:#a5a5a5;--code-background-color:#485188;--link-color:#7f8ad3;--link-hover-color:#9faaf3;--table-row-even:#383838;--table-row-odd:#272727;--table-row-hover:#2d2d2d36;--table-line-color:#adadad48;--shine-color:#525252}::selection{color:var(--font-contrast-color);background:var(--main-color);border-radius:200px}*{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:0px;margin:0;text-decoration:none}::-webkit-scrollbar-track{background-color:var(--scrollbar-background-color)}::-webkit-scrollbar{background:#9583a2;width:.812rem}::-webkit-scrollbar-thumb{background:var(--secondary-color)}::-webkit-scrollbar-thumb:hover{background:var(--main-color)}html{scroll-behavior:smooth;background-color:var(--background-color);font-family:var(--main-font);height:100%;padding:0}body{background-color:var(--background-color);font-family:var(--main-font);flex-direction:column;min-height:100%;padding:0;transition:background .2s cubic-bezier(.55,.055,.675,.19),color .2s cubic-bezier(.55,.055,.675,.19)}.page{height:100%;min-height:100vh}.toaster{background-color:var(--secondary-color)}code{white-space:normal;word-break:keep-all;word-wrap:normal;text-indent:1rem;width:80vw;max-width:100vw;font-size:1em;line-height:1.4em}@media screen and (max-width:600px){code{word-break:break-all}}.simple-code{background-color:var(--code-background-color);color:var(--code-color);border-radius:.3rem;padding:.2rem;font-family:Source Code Pro,monospace;font-size:.8em;font-weight:400}h1{color:var(--post-h1-color);margin:0;font-style:normal;font-weight:700;line-height:1.12}h2{color:var(--post-h1-color);margin:2rem 0 0;font-family:Merriweather Sans,serif}h3{color:var(--post-h1-color);margin:0;padding-top:25px}hr{border:1px solid var(--line-color)}p{word-break:break-word;color:var(--post-text-color);font-family:var(--main-font);margin-top:1.56em;margin-bottom:-.46em;margin-block:1em;margin-inline:0;font-size:1.1em;line-height:1.4em;display:block}a{font-family:var(--main-font)}.transcribe-link{border-bottom:1px dashed var(--link-color);color:var(--link-color);box-shadow:inset 0 0 0 0 var(--link-color);padding-left:3px;padding-right:3px;font-size:1em;font-weight:700;text-decoration:none;transition:color .4s ease-in-out,box-shadow .4s ease-in-out}.transcribe-link:hover{color:var(--link-hover-color)}blockquote{color:var(--postColor);border-left:.3rem solid var(--secondary-color);background-color:var(--background-quote-color);border-radius:.1rem;margin:3.125rem auto;padding:.1rem 1.3rem}table{border-collapse:collapse;width:100%;color:var(--post-text-color);font-family:Arial,Helvetica,sans-serif}table td,table th{border:1px solid var(--table-line-color);padding:8px}table tr:nth-child(2n){background-color:var(--table-row-even)}table tr:nth-child(odd){background-color:var(--table-row-odd)}table tr:hover{background-color:var(--table-row-hover)}table th{text-align:left;background-color:var(--main-color);color:var(--font-contrast-color);padding-top:12px;padding-bottom:12px}ul{color:var(--post-text-color)}li{font:var(--main-font);font-family:var(--main-font)}.action-button-div{background-color:var(--secondary-color);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;margin:0 .2rem;display:flex}.role-tag-div{background-color:var(--tertiary-color);border-radius:.2rem;width:fit-content;padding:.2rem .4rem}.role-tag-div span{color:var(--font-contrast-color);font-family:Merriweather Sans,serif;font-weight:500}.header{z-index:10;background-color:var(--header-background-color);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.header .logo{cursor:pointer;height:3.8rem;margin-left:1.3rem}.header .logo-menu-line{display:inline-flex}.header p{float:left;color:var(--header-option-text);text-align:center;text-indent:1rem;border-radius:3px;margin:.2vh .6vw;padding:8px 14px 8px 0;font-size:18px;font-weight:700;line-height:1.4em;text-decoration:none}.header p:hover{background-color:var(--header-option-hover)}.header p.active{background-color:var(--header-option-activated);color:var(--header-text-option-activated)}.menu-icon-div{display:none}.header-right{float:right;align-items:center;height:auto;margin-top:1rem;margin-bottom:1rem;margin-right:1rem;display:flex}@media screen and (max-width:500px){.theme-switcher{-webkit-user-select:none;user-select:none;position:absolute;top:1rem;right:4.5rem}.header{display:block}.header .logo{margin-bottom:.6rem;padding-top:0;padding-bottom:0}.header .logo-menu-line{align-items:center;padding-top:.5rem}#home-option{margin-top:20px}.header p{float:none;text-align:left;margin-bottom:7px;margin-left:3vw;margin-right:3vw;display:block}.header-right{float:none;visibility:visible;height:150px;margin-top:0;margin-bottom:0;margin-right:0;transition:height .5s cubic-bezier(.175,.885,.32,1.275);display:block}.closed{float:none;height:0;margin:0;transition:height .5s cubic-bezier(.175,.885,.32,1.275),visibility .32s;display:block;overflow-y:hidden}.menu-icon{color:var(--secondary-color);width:40px;height:40px;display:flex}.header .menu-icon-div{color:var(--secondary-color);align-items:center;margin-right:2vw;display:flex;position:absolute;right:0}}.posts-grid{grid-template-columns:repeat(auto-fit,20rem);justify-content:center;row-gap:0;display:grid}@media screen and (max-width:640px){.posts-grid{grid-template-columns:max-content;display:grid}}@media screen and (max-width:500px){.menu-toggle{box-sizing:border-box;visibility:visible;background-color:#0000;border:none;outline:0;width:3rem;height:4.2rem;margin-left:1rem;margin-right:.5rem;display:block}.menu-toggle span{background-color:var(--open-menu-icon-color);border-radius:30px;height:.3em;margin-bottom:.5em;transition:all .3s;display:block}button.toggled span:first-child{margin-top:.8em;margin-bottom:.8em;transform:rotate(45deg)}button.toggled span:nth-child(2){margin-top:-1.1em;margin-bottom:.8em;transform:rotate(-135deg)}button.toggled span:nth-child(3){margin-top:-1.1em;margin-bottom:.8em;transform:rotate(-45deg)}}.switch-theme-button{cursor:pointer;background-color:#0000;border:none}.switch-theme-icon{color:var(--theme-switch-color);-webkit-user-select:none;user-select:none;width:1.5rem;height:1.5rem;margin:.6rem .5rem .5rem}.paralax-container{background-color:var(--main-color);z-index:-50;justify-content:center;align-items:center;width:clamp(100vw,100%,120vw);height:80vh;display:flex;position:relative;overflow:hidden}.radiend-shadow{z-index:9999;background:linear-gradient(#0006 0%,#0000 44%);width:100%;min-width:100vw;height:100%;position:absolute;top:0;left:0}.paralax-image{object-fit:cover;z-index:2;-webkit-user-select:none;user-select:none;width:clamp(100vw,100%,120vw);height:80vh;transform-style:preserve-3d;backface-visibility:hidden;transition:all 1.2s cubic-bezier(.215,.61,.355,1);display:block;position:absolute;top:0;left:0}@media screen and (max-width:500px){.logo-paralax{width:120vw;height:70%}}.loading-area{background-color:var(--background-quote-color);z-index:0;border-radius:.5rem;width:100%;margin:3rem 0;position:relative;overflow:hidden}.loading-area:after{content:"";z-index:1;background:linear-gradient(to right,#fff0 0%,var(--shine-color)50%,#80bae800 99%,#7db9e800 100%);width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1);animation:1.3s infinite slide;position:absolute;top:0;transform:translate(100%)}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-card{border-radius:.5rem;width:17rem;height:17rem;margin:.5rem}@media screen and (max-width:640px){.loading-card{width:90vw}}.shadow-test{z-index:40;background:linear-gradient(#0000 0%,#1f1f1f 44% 59%,#0000 95%);height:15rem;margin-top:-13%}.waves{margin-top:-1%}.carousel{justify-items:center;height:30rem}