html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background:var(--background-color);color:var(--font-01-color);font-family:sans-serif}a{color:var(--font-01-color)}.home-container{width:100%}.initial-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:70vh}.initial-section h1{font-size:120px;font-weight:600}.initial-section p{font-size:40px}.about-me-section{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:120px;padding:60px;height:70vh}.am-dev-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:max-content}.am-dev-container h3{font-size:20px;font-weight:600;color:var(--main-color)}.am-dev-container img{aspect-ratio:1/1;width:180px;border-radius:5% 5% 80% 80%}.am-textbox-container{display:flex;flex-direction:column;justify-content:space-between;gap:30px;width:55%;height:max-content;color:var(--font-05-color)}.am-textbox-container p{font-size:18px}.contact-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.c-c-option{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:30px;width:250px;padding:10px;box-shadow:0 0 0 2px transparent;transition:box-shadow .3s ease;border-radius:4px}.c-c-option:hover{box-shadow:0 0 0 2px var(--font-01-color)}@media (max-width: 768px){.initial-section h1{font-size:70px}.initial-section p{font-size:30px}.about-me-section{flex-direction:column;height:max-content;gap:2em}.am-textbox-container{width:85%}}@media (max-width: 425px){.initial-section h1{font-size:50px}.initial-section p{font-size:25px}.about-me-section{padding:2.5em}.am-dev-container img{width:250px}.am-textbox-container{width:100%}.am-textbox-container p{font-size:17px}.c-c-option{padding:5px}.c-c-option h3{font-size:12px}}@media (max-width: 320px){.initial-section{gap:5px}.initial-section h1{font-size:35px}.initial-section p{font-size:17px}.am-textbox-container p{font-size:14px}}.header-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:60px;padding:24px}.header-container a{font-size:16px;color:var(--font-01-color);text-decoration:none;outline:none;transition:all .5s}.header-container a:hover{color:var(--main-color)}@media (max-width: 768px){.header-container{gap:40px}}@media (max-width: 425px){.header-container{gap:40px}.header-container a{font-size:14px}}@media (max-width: 320px){.header-container{gap:20px}.header-container a{font-size:12px}}.project-list-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em;padding-bottom:2em}.project-list-container h1{font-size:20px}.list-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:7.6em;row-gap:3em;width:80%}.project-container{display:flex;flex-direction:column;height:max-content;width:30em;border-radius:12px;box-shadow:0 0 0 2px transparent;background:none;transition:all .3s ease;text-decoration:none;outline:none}.project-container:hover{background-color:var(--font-01-color)}.project-image{height:80%;width:100%;z-index:0}.project-image img{width:100%;height:100%;border-radius:12px}.project-content{display:flex;flex-direction:column;justify-content:space-around;padding:15px;gap:10px;height:11em}.project-container h1{font-size:25px;font-weight:600}.project-container:hover h1{color:var(--font-03-color)}.project-content h2{color:var(--font-05-color)}.project-container:hover h2{color:var(--font-03-color)}.project-content h3{font-weight:300;color:var(--font-05-color)}.project-container:hover h3{font-weight:300;color:var(--font-03-color)}.project-tags{display:flex;flex-direction:row;align-items:center;gap:10px}.project-tags span{padding:10px;background:var(--background-color-2);border-radius:15px;font-size:12px}.project-container:hover .project-tags span{background:var(--background-color)}@media (max-width: 1024px){.list-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-container{width:90%}}@media (max-width: 425px){.project-container{width:100%;padding:5px}.project-content h2{font-size:15px}.project-content h3{font-size:13px}}@media (max-width: 320px){.project-content h2{font-size:13px}.project-content h3{font-size:12px}}.articles-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;width:80%;gap:3em;padding-bottom:5em}.articles-section h1{font-size:20px}.articles-list-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:7.6em;row-gap:3em}.article{display:flex;flex-direction:row;width:450px;height:max-content;gap:20px;padding:10px;border-radius:12px;text-decoration:none;transition:all .5s ease}.article:hover{background-color:var(--font-01-color)}.article-image-section{max-width:120px;width:100%;height:100px;border-radius:12px}.article-image-section img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.article-textbox-section{display:flex;flex-direction:column;justify-content:space-between;gap:5px}.article-textbox-section h1{font-size:20px}.article:hover .article-textbox-section h1{color:var(--font-03-color)}.article-tags{display:flex;flex-direction:row;align-items:center;gap:10px}.article-tags span{padding:10px;background:var(--background-color-2);border-radius:15px;font-size:12px}.article:hover .article-tags span{background:var(--background-color)}@media (max-width: 1024px){.articles-list-container{grid-template-columns:repeat(1,1fr);gap:1em}.article{width:100%}}@media (max-width: 768px){.articles-section{width:75%}}@media (max-width: 425px){.article-image-section{min-width:70px;height:70px}.article-textbox-section h1{font-size:15px}.article-tags span{padding:7px;font-size:10px}}@media (max-width: 320px){.articles-section{width:60%}.article-textbox-section h1{font-size:12px}}.IconsSocialMedia{display:flex;flex-direction:row;gap:10px;padding:10px}.IconsSocialMedia a{color:var(--font-01-color);transition:all .5s;transform:scale(1)}.IconsSocialMedia a:hover{color:var(--main-color);transform:scale(1.1)}:root{--main-color: #ad0013;--background-color: #121312;--background-color-2: #212529;--font-01-color: #a67d43;--font-02-color: #7e6137;--font-03-color: #080808;--font-04-color: #242424;--font-05-color: #9c9fa2}strong{color:var(--main-color)}.resume-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.resume-textbox{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5em;gap:3em;width:40%}.dev-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.dev-section img{aspect-ratio:1/1;width:180px;border-radius:50%}.dev-section h1{font-size:40px}.dev-section h3{font-size:20px;color:var(--main-color)}.about-me-textbox{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em;padding-bottom:20px}.textbox-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.textbox-container h1{font-size:20px;color:var(--main-color)}.textbox-container p{font-size:17px}@media (max-width: 768px){.resume-textbox{width:70%}}@media (max-width: 425px){.resume-textbox{width:80%}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.article-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2em auto;gap:2em;width:60%;height:max-content}.article-header{display:flex;flex-direction:column;gap:1em;width:100%}.article-header h1{font-size:40px;font-weight:600}.article-header p{font-size:12px}.article-main-image{width:100%;object-fit:cover;display:block;border-radius:12px}.article-content{display:flex;flex-direction:column;width:100%;gap:1em}.article-content h1{font-size:30px;font-weight:600}.article-content h2{font-size:20px;font-weight:600}.article-content p{color:var(--font-05-color)}.article-content ul{list-style-type:disc;margin-left:1.5rem;padding-left:1rem;color:var(--font-02-color)}.article-content img{width:100%;border-radius:12px}.article-content pre{border-radius:8px;margin:1.5rem 0;overflow-x:auto}.article-content code{font-family:Fira Code,monospace;font-size:.9rem}.youtube-embed{margin:1.5rem 0;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px}.youtube-embed iframe{width:100%;height:100%}.Footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2em}@media (max-width: 768px){.article-container{width:80%}.article-header h1{font-size:35px}}@media (max-width: 425px){.article-header h1{font-size:30px}.article-header h2{font-size:15px}.article-header p{font-size:10px}}@media (max-width: 320px){.article-header h1{font-size:25px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}