:root{--mainColor:#eaeaea;--secondaryColor:#fff;--borderColor:#c1c1c1;--mainText:#000;--secondaryText:#4b5156;--themeDotBorder:#24292e;--previewBg:rgba(251,249,243,0.8);--previewShadow:#f0ead6;--buttonColor:#000}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;font-size:17px}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:1px solid #c1c1c1;border-bottom:1px solid var(--borderColor);overflow:auto}.s2{background-color:#fff;background-color:var(--secondaryColor);position:relative}.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;border:2px solid var(--borderColor)}#theme-options-wrapper{display:flex;justify-content:center}.theme-dot{height:30px;width:30px;background-color:#000;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}.theme-dot:hover{border-width:5px}#light-mode{background-color:#fff}#blue-mode{background-color:#192734}#green-mode{background-color:#78866b}#purple-mode{background-color:#7e4c74}#settings-note{font-size:12px;font-style:italic;text-align:center}.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:180px;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}.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}.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{background-color:#f0ead6;background-color:var(--previewShadow);padding:2px 0}.img-container img{width:80%}.social-links{display:grid;align-content:center;text-align:center}#social_img{width:100%}.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}#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}.message{position:absolute;right:30px;bottom:0;padding:7px 15px;text-align:center;background-color:rgba(19,150,19,.5);border-top-left-radius:5px;border-top-right-radius:5px;transition:.5s}.message.danger{background-color:red}.message.danger p{color:#fff}.message p{margin:0;color:#333}@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}}
/*# sourceMappingURL=main.609c8552.chunk.css.map */