:root{--mainColor:#eaeaea;--secondaryColor:#fff;--borderColor:#c1c1c1;--mainText:#000;--secondaryText:#4b5156;--themeDotBorder:#24292e;--previewBg:#fbf9f3cc;--previewShadow:#f0ead6;--buttonColor:#000}body,html{margin:0;padding: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{color:#17a2b8;text-decoration:none}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)}.main-container{margin:0 auto;width:1200px}.greeting-wrapper{align-content:center;display:grid;min-height:10em;text-align:center}.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 #000000bf;display:grid;grid-template-areas:"nav-wrapper nav-wrapper" "left-column right-column";grid-template-columns:1fr 1fr}.nav-wrapper{align-items:center;background-color:#eaeaea;background-color:var(--mainColor);border-bottom:1px solid #c1c1c1;border-bottom:1px solid var(--borderColor);border-radius:5px 5px 0 0;display:flex;grid-area:nav-wrapper;justify-content:space-between}#navigation a{color:#000;color:var(--mainText)}#navigation{margin:0;padding:10px}#navigation li{display:inline-block;margin-left:5px;margin-right: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;border-radius:50%;box-shadow:-1px 1px 3px -1px #000000bf;height:15px;margin:5px;width:15px}.left-column{grid-area:left-column;padding-bottom:50px;padding-top:50px}#profile_pic{border:2px solid #c1c1c1;border:2px solid var(--borderColor);display:block;height:200px;margin:0 auto;object-fit:cover;width:200px}#theme-options-wrapper{display:flex;justify-content:center}.theme-dot{background-color:#000;border:2px solid #24292e;border:2px solid var(--themeDotBorder);border-radius:50%;box-shadow:-1px 1px 3px -1px #000000bf;cursor:pointer;height:30px;margin:5px;width:30px}.selected-theme,.theme-dot:hover{border-width:5px}.selected-theme{border-color:#000!important;border-color:var(--buttonColor)!important;transform:scale(1.1);transition:all .3s ease}#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{align-content:center;display:grid;grid-area:right-column;padding-bottom:50px;padding-top:50px}#preview-shadow{background-color:#f0ead6;background-color:var(--previewShadow);height:180px;max-width:300px;padding-left:30px;padding-top:30px}#preview{background-color:#fbf9f3cc;background-color:var(--previewBg);border:1.5px solid #17a2b8;padding:15px;position:relative;width:300px}.corner{background-color:#fff;border:1.5px solid #17a2b8;border-radius:50%;height:7px;position:absolute;width:7px}#corner-tl{left:-5px;top:-5px}#corner-tr{right:-5px;top:-5px}#corner-br{bottom:-5px;right:-5px}#corner-bl{bottom:-5px;left:-5px}.about-wrapper{grid-gap:100px;display:grid;gap:100px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding-bottom:50px;padding-top:50px}#skills{background-color:#f0ead6;background-color:var(--previewShadow);display:flex;justify-content:space-evenly}.social-links{align-content:center;display:grid;text-align:center}#social_img{width:100%}.post-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,320px);justify-content:center;padding-bottom:50px}.post{border:1px solid #c1c1c1;border:1px solid var(--borderColor);box-shadow:-2px 7px 21px -9px #000000bf}.thumbnail{display:block;height:180px;object-fit:cover;width:100%}.post-preview{background-color:#fff;padding:15px}.post-title{color:#000;margin:0}.post-intro{color:#4b5156;font-size:14px}#contact-form{background-color:#eaeaea;background-color:var(--mainColor);border:1px solid #c1c1c1;border:1px solid var(--borderColor);border-radius:5px;display:block;margin:0 auto 50px;max-width:600px;padding:15px}#contact-form label{line-height:2.7em}#contact-form textarea{font-size:14px;min-height:100px}.input-field{background-color:#fff;background-color:var(--secondaryColor);border:1px solid #c1c1c1;border:1px solid var(--borderColor);border-radius:5px;font-size:14px;padding-bottom:10px;padding-top:10px;transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#000;border-color:var(--buttonColor);outline:none}.input-field.error{border-color:#dc3545}.error-message{color:#dc3545;display:block;font-size:12px;margin-bottom:10px;margin-top:5px}#submit-btn{background-color:#000;background-color:var(--buttonColor);border:none;color:#fff;cursor:pointer;margin-top:10px;padding-bottom:10px;padding-top:10px;transition:opacity .3s ease,transform .2s ease;width:100%}#submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}#submit-btn:disabled{cursor:not-allowed;opacity:.6}@media screen and (max-width:1200px){.main-container{width:95%}}@media screen and (max-width:800px){.intro-wrapper{grid-template-areas:"nav-wrapper" "left-column" "right-column";grid-template-columns:1fr}.right-column{justify-content:center}}@media screen and (max-width:400px){#preview-shadow{height:180px;max-width:280px;padding-left:10px;padding-top:10px}#preview{width:280px}}.img-container{max-width:600px}img{width:100%}
/*# sourceMappingURL=main.8a0b4da7.css.map*/