@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&family=Russo+One&display=swap);body{padding:0;scroll-behavior:smooth;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0}body,html{padding:0;margin:0;scroll-behavior:smooth}body *{transition:.3s}h1,h2,h3,h4,h5,h6,strong{color:#000;color:var(--mainText);font-family:"Russo One",sans-serif;font-weight:500}input,label,li,p,span,textarea{color:#4b5156;color:var(--secondaryText);font-family:"Roboto Mono",monospace}a{text-decoration:none;color:#17a2b8}ul{list-style:none}h1{font-size:56px}h2{font-size:36px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}.s1{background-color:#eaeaea;background-color:var(--mainColor)}.s1,.s2{border-bottom:#c1c1c1;border-bottom:var(--borderColor);overflow:auto}.s2{background-color:#fff;background-color:var(--secondaryColor)}.app.blue-mode{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--previewBg:rgba(25,39,52,0.8);--previewShadow:#111921;--buttonColor:#17a2b8}.app.blue-mode,.app.green-mode{--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff}.app.green-mode{--mainColor:#606b56;--secondaryColor:#515a48;--borderColor:#161914;--previewBg:rgba(81,90,72,0.8);--previewShadow:#2a2f25;--buttonColor:#696}.app.purple-mode{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:rgba(29,21,32,0.8);--previewShadow:#2b202f;--buttonColor:#8534a3}.main-container{width:1200px;margin:0 auto}.greeting-wrapper{display:grid;text-align:center;align-content:center;min-height:10em}.intro-wrapper{background-color:#fff;background-color:var(--secondaryColor);border:1px solid #c1c1c1;border:1px solid var(--borderColor);border-radius:5px 5px 0 0;box-shadow:-1px 1px 3px -1px rgba(0,0,0,.75);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"nav-wrapper nav-wrapper" "left-column right-column"}.nav-wrapper{border-radius:5px 5px 0 0;grid-area:nav-wrapper;border-bottom:1px solid #c1c1c1;border-bottom:1px solid var(--borderColor);display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;background-color:var(--mainColor)}#navigation a{color:#000;color:var(--mainText)}#navigation{margin:0;padding:10px}#navigation li{display:inline-block;margin-right:5px;margin-left:5px}.dots-wrapper{display:flex;padding:10px}#dot-1{background-color:#fc6058}#dot-2{background-color:#fec02f}#dot-3{background-color:#2aca3e}.browser-dot{background-color:#000;height:15px;width:15px;border-radius:50%;margin:5px;box-shadow:-1px 1px 3px -1px rgba(0,0,0,.75)}.left-column{grid-area:left-column;padding-top:50px;padding-bottom:50px}#profile_pic{display:block;margin:0 auto;height:200px;width:200px;object-fit:cover;border:2px solid #c1c1c1}#theme-options-wrapper{display:flex;justify-content:center}#blue-mode:hover,#green-mode:hover,#light-mode:hover,#purple-mode:hover{border-width:5px}#light-mode{background-color:#fff}#blue-mode,#light-mode{height:30px;width:30px;border-radius:50%;margin:5px;border:2px solid #24292e;border:2px solid var(--themeDotBorder);box-shadow:-1px 1px 3px -1px rgba(0,0,0,.75);cursor:pointer}#blue-mode{background-color:#192734}#green-mode{background-color:#78866b}#green-mode,#purple-mode{height:30px;width:30px;border-radius:50%;margin:5px;border:2px solid #24292e;border:2px solid var(--themeDotBorder);box-shadow:-1px 1px 3px -1px rgba(0,0,0,.75);cursor:pointer}#purple-mode{background-color:#7e4c74}#settings-note{font-size:12px;font-style:italic;text-align:center;margin-top:12px;margin-bottom:12px}.left-column-text{text-align:center;line-height:0;margin-top:33.4px;margin-bottom:33.4px}.right-column{grid-area:right-column;display:grid;align-content:center;padding-top:50px;padding-bottom:50px}#preview-shadow{background-color:#f0ead6;background-color:var(--previewShadow);max-width:300px;height:150px;padding-left:30px;padding-top:30px}#preview{width:300px;border:1.5px solid #17a2b8;background-color:rgba(251,249,243,.8);background-color:var(--previewBg);padding:15px;position:relative}.preview__title{margin-top:28px;margin-bottom:28px}.preview__info{margin-top:16px;margin-bottom:16px}.corner{width:7px;height:7px;border-radius:50%;border:1.5px solid #17a2b8;background-color:#fff;position:absolute}#corner-tl{top:-5px;left:-5px}#corner-tr{top:-5px;right:-5px}#corner-br{bottom:-5px;right:-5px}#corner-bl{bottom:-5px;left:-5px}@media screen and (max-width:1200px){.main-container{width:95%}}@media screen and (max-width:800px){.intro-wrapper{grid-template-columns:1fr;grid-template-areas:"nav-wrapper" "left-column" "right-column"}.right-column{justify-content:center}}@media screen and (max-width:400px){#preview-shadow{max-width:280px;height:180px;padding-left:10px;padding-top:10px}#preview{width:280px}}.s1.blue-mode{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--previewBg:rgba(25,39,52,0.8);--previewShadow:#111921;--buttonColor:#17a2b8}.s1.blue-mode,.s1.green-mode{--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff}.s1.green-mode{--mainColor:#606b56;--secondaryColor:#515a48;--borderColor:#161914;--previewBg:rgba(81,90,72,0.8);--previewShadow:#2a2f25;--buttonColor:#696}.s1.purple-mode{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--previewBg:rgba(29,21,32,0.8);--previewShadow:#2b202f;--buttonColor:#8534a3}.s1.purple-mode,.s2.blue-mode{--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff}.s2.blue-mode{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--previewBg:rgba(25,39,52,0.8);--previewShadow:#111921;--buttonColor:#17a2b8}.s2.green-mode{--mainColor:#606b56;--secondaryColor:#515a48;--borderColor:#161914;--previewBg:rgba(81,90,72,0.8);--previewShadow:#2a2f25;--buttonColor:#696}.s2.green-mode,.s2.purple-mode{--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff}.s2.purple-mode{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--previewBg:rgba(29,21,32,0.8);--previewShadow:#2b202f;--buttonColor:#8534a3}.about-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding-bottom:50px;padding-top:50px;grid-gap:100px;gap:100px}#skills{display:flex;justify-content:space-evenly;background-color:#f0ead6;background-color:var(--previewShadow)}.social-links{display:grid;align-content:center;text-align:center}#social_img{width:100%}.about-me-title{margin-top:31.92px;margin-bottom:31.92px}.about-me-info{margin-top:16px;margin-bottom:16px}.about-me-title-2,.portfolio-title{margin-top:28px;margin-bottom:28px}.portfolio-title{text-align:center}.post-wrapper{display:grid;grid-template-columns:repeat(auto-fit,320px);grid-gap:20px;gap:20px;justify-content:center;padding-bottom:50px}.post{border:1px solid #c1c1c1;border:1px solid var(--borderColor);box-shadow:-2px 7px 21px -9px rgba(0,0,0,.75)}.thumbnail{display:block;width:100%;height:180px;object-fit:cover}.post-preview{background-color:#fff;padding:15px}.post-title{color:#000;margin:0}.post-intro{color:#4b5156;font-size:14px;margin-top:14px;margin-bottom:14px}.project__links{display:flex;justify-content:space-between}:root{--mainColor:#eaeaea;--secondaryColor:#fff;--borderColor:#c1c1c1;--mainText:#000;--secondaryText:#4b5156;--themeDotBorder:#24292e;--previewBg:rgba(251,249,243,0.8);--previewShadow:#f0ead6;--buttonColor:#000}.contact_title{text-align:center;margin-top:28px;margin-bottom:28px}#contact-form{display:block;max-width:600px;border:1px solid #c1c1c1;border:1px solid var(--borderColor);padding:15px;border-radius:5px;background-color:#eaeaea;background-color:var(--mainColor);margin:0 auto 50px}#contact-form label{line-height:2.7em}#contact-form textarea{min-height:100px;font-size:14px}.input-field{background-color:#fff;background-color:var(--secondaryColor);border-radius:5px;border:1px solid #c1c1c1;border:1px solid var(--borderColor);font-size:14px}#submit-btn,.input-field{width:100%;padding-top:10px;padding-bottom:10px}#submit-btn{margin-top:10px;color:#fff;background-color:#000;background-color:var(--buttonColor);border:none}
/*# sourceMappingURL=main.d3dd2a1a.chunk.css.map */