@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);@import url(https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap);:root{--primary-bg:#1c1a23;--secondary-bg:#454d54;--grid-bg:#322e3d;--primary-text:#f5f5f5;--accent-color:#f2800d;--secondary-accent:#1f7ead}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1a23;background-color:var(--primary-bg);color:#f5f5f5;color:var(--primary-text);font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.main-container{align-items:center;justify-content:center;margin:auto;position:grid;text-align:center;width:100%}.header-container{background-color:var(--secondary-bg);border-bottom-left-radius:16px;border-bottom-right-radius:16px;justify-content:space-between;margin:auto;max-width:80%;padding:10px 24px;position:sticky;top:0;width:70%;z-index:1000}.header-brand,.header-container{align-items:center;color:var(--primary-text);display:flex}.header-brand{font-size:22px;font-weight:700;text-decoration:none}.header-nav,.header-navlist{align-items:center;display:flex}.header-navlist{gap:16px;list-style:none;margin:0;padding:0}.header-navlink{align-items:center;display:flex}.header-navlink a{color:var(--primary-text);font-weight:700;padding:6px;text-decoration:none}.header-navlink__active{border-bottom:2px solid var(--secondary-accent);color:gold}.header-navlink a:active,.header-navlink a:hover{border-bottom:2px solid var(--secondary-accent);color:var(--secondary-accent)}.social_btn a{background:var(--primary-text);border-radius:4px;color:var(--accent-color)}.social_btn a:active,.social_btn a:hover{background:var(--accent-color);border-bottom:none;border-radius:4px;color:var(--primary-text)}.social-icon{display:inline-block;height:20px;width:20px}.burger-button,.close-button{background:none;border:none;color:var(--primary-text);cursor:pointer;display:none;font-size:24px}@media (max-width:768px){.main-container{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.header-container{border-radius:0;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.burger-button{display:block}.side-menu{background-color:var(--secondary-bg);box-shadow:-2px 0 8px #0003;display:flex;flex-direction:column;height:100vh;padding:1rem;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:70vw;z-index:1100}.side-menu.open{right:0}.close-button{align-self:flex-end;background:none;border:none;color:var(--primary-text);cursor:pointer;display:block;font-size:24px;margin-bottom:1rem}.header-navlist{align-items:flex-start;flex-direction:column;gap:20px}.header-navlink{width:100%}.header-navlink a{display:block;padding:12px 0;width:100%}.header-nav{display:none!important}.header-container{align-items:center;flex-direction:row;height:60px;justify-content:space-between;padding:0 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.EntryBlog-main-container{display:flex;justify-content:center;width:100%}.EntryBlog-main-container>div{width:70%}.blog-entry-image{border-radius:1rem;max-height:30rem;max-width:50%}.blog-entry-loading{display:flex;justify-content:center}.blog-section-item{text-decoration:none}.blog-entry-header{align-items:center;margin-top:20px}.language-selector{display:flex;gap:10px;margin-top:10px}.language-button{background-color:var(--primary-text);border:1px solid var(--primary-text);border-radius:3px;padding:5px 10px}.language-button.active,.language-button:hover{border:1px solid var(--accent-color)}.language-button.active{background-color:var(--accent-color);color:var(--primary-text)}p{font-family:Mulish,sans-serif}.about{align-items:center;display:grid;grid-template-columns:5% 35% 20% 35% 5%;grid-template-rows:100%;margin:20px}.profile-pic{border-radius:7px;grid-column:2;height:auto;margin:20px;width:100%}.description{grid-column:4;text-align:left}@media (max-width:768px){.about{display:flex;flex-direction:column}}.blog-section-container{display:grid;grid-template-columns:1fr;grid-template-rows:15% 85%;width:100%}.blog-section-header__container{align-items:center;display:flex;grid-row:1;justify-content:space-between;padding:1rem 5rem}.blog-section-read-more{color:var(--accent-color)}.blog-section-grid{display:flex;flex-wrap:wrap;grid-row:2;justify-content:space-around}.blog-section-loading{display:flex;justify-content:center}@media screen and (max-width:768px){.blog-section-header__container{align-items:center;display:flex;flex-direction:row;grid-row:1;justify-content:space-between;padding:1rem 5rem}.blog-section-grid{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;grid-row:2}}.blog-square-card-main-container{border:1px solid var(--primary-text);border-radius:12px;display:grid;grid-template-columns:1fr;grid-template-rows:15% 70% 15%;height:25rem;margin:1rem;overflow:hidden;transition:transform .2s ease;width:22rem}.blog-square-card-title-container{background-color:var(--secondary-accent);grid-row:1;padding-left:1rem;width:100%}.blog-card-title{align-items:start;color:var(--primary-text);font-size:1.2rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.blog-square-card-image-container{background-color:var(--grid-bg);grid-row:2;width:100%}.blog-square-card-image{height:100%;object-fit:cover;object-position:center;width:100%}.blog-square-card-footer{align-items:center;background-color:var(--secondary-accent);color:var(--primary-text);display:flex;font-size:.8rem;grid-row:3;justify-content:space-between;line-height:1.2;padding:.5rem;width:100%}.blog-square-card-link{color:var(--primary-text);font-weight:700;text-decoration:none}.blog-square-card-main-container:hover{border:1px solid var(--accent-color);box-shadow:0 0 10px var(--accent-color);transform:scale(101%)}.skills{background:var(--secondary-bg);margin:20px auto;max-width:100%;overflow:hidden;padding:10px 0;position:relative;text-align:center}.skills-wrapper{animation:marquee 15s linear infinite;display:flex;gap:20px;overflow:hidden;white-space:nowrap;width:max-content}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-wrapper>*{flex-shrink:0}.skill-category{align-items:center;display:flex;flex-shrink:0;gap:10px}.skill-category h3{color:var(--primary-color);font-size:14px;font-weight:700;margin:0;padding:0 10px;position:relative}.skill-category h3:after,.skill-category h3:before{color:var(--secondary-accent);content:"|";margin:0 5px}.icons-container{display:flex;gap:8px}.skill-icon svg{fill:var(--secondary-accent);height:25px;transition:transform .3s ease-in-out;width:25px}.skill-icon:hover svg{transform:scale(1.5)}.skills:after,.skills:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:15%;z-index:1}.skills:before{background:linear-gradient(to right,var(--secondary-bg),#0000);left:0}.skills:after{background:linear-gradient(to left,var(--secondary-bg),#0000);right:0}@media (max-width:768px){.skills,.skills:before{background:#0000}.skills:before{left:0}.skills:after{background:#0000;right:0}}.twitch-main-container{display:flex;height:30vh;justify-content:center;width:100%}.twitch-div-container{width:80%}iframe{height:100%}.main-page .main-container{display:block;justify-content:center;max-width:1300px;padding:20px;width:80%}.loading-container{align-items:center;display:flex;font-size:1.5rem;height:100vh;justify-content:center;text-align:center}.main-section{background:var(--secondary-bg);border-radius:17px;max-width:600%;width:100%}.about{padding:20px}.two-columns{display:grid;grid-template-columns:50% 50%;grid-template-rows:100%;width:100%}@media (max-width:768px){.main-page .main-container{align-items:center;display:flex;flex-direction:column;width:100%}.main-section{background:#0000;width:100%}.two-columns{display:flex;flex-direction:column;gap:1rem}.tweets-container,.twitch-container{max-width:100%;padding:1rem}}.TechMeBlog-main-grid,.proj-page-container{display:flex;justify-content:center}.TechMeBlog-main-grid{width:100%}.TechMeBlog-header-container{display:flex;justify-content:center}.TechMeBlog-blog-grid{max-width:65%;width:50%}.TechMeBlog-blog-grid,.TechMeBlog-blog-item{display:flex;flex-wrap:wrap;justify-content:space-around}.TechMeBlog-blog-item{width:32%}.techmeblog-loading{display:flex;justify-content:center}.blog-entry-link{color:var(--accent-color);margin:0;padding:0}.blog-entry-link:hover{color:var(--secondary-accent)}@media (max-width:768px){.TechMeBlog-blog-grid{max-width:100%;width:100%}.TechMeBlog-blog-grid,.TechMeBlog-blog-item{display:flex;flex-wrap:wrap;justify-content:center}.TechMeBlog-blog-item{width:90%}}
/*# sourceMappingURL=main.402e7c58.css.map*/