body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:#1d1520cc;--previewShadow:#2b202f;--buttonColor:#8534a3}body,html{margin:0;padding:0;scroll-behavior:smooth}body *{transition:.3s}h1,h2,h3,h4,h5,h6,strong{color:#fff;color:var(--mainText);font-family:Indie Flower,cursive;font-weight:500}input,label,li,p,span,textarea{color:#eee;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:#46344e;background-color:var(--mainColor)}.s1,.s2{border-bottom:1px solid #1d1520;border-bottom:1px solid var(--borderColor);overflow:auto}.s2{background-color:#382a3f;background-color:var(--secondaryColor)}.left-column{grid-area:left-column}.left-column,.right-column{padding-bottom:50px;padding-top:50px}.right-column{align-content:center;display:grid;grid-area:right-column}.main-container{margin:0 auto 30px;width:1200px}.greeting-wrapper{align-content:center;display:grid;min-height:10em;text-align:center}.intro-wrapper{background-color:#382a3f;background-color:var(--secondaryColor);border:1px solid #1d1520;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:#46344e;background-color:var(--mainColor);border-bottom:1px solid #1d1520;border-bottom:1px solid var(--borderColor);border-radius:5px 5px 0 0;display:flex;grid-area:nav-wrapper;justify-content:space-between}.about-wrapper{grid-gap:100px;display:grid;gap:100px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding-bottom:50px;padding-top:50px}.resume{float:right;font-family:Indie Flower,cursive;font-weight:500}.email{height:70px;padding-left:10px;width:70px}#profile_pic{border:2px solid #1d1520;border:2px solid var(--borderColor);display:block;height:200px;margin:0 auto;object-fit:cover;width:200px}#contact-form{background-color:#46344e;background-color:var(--mainColor);border:1px solid #1d1520;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:#382a3f;background-color:var(--secondaryColor);border:1px solid #1d1520;border:1px solid var(--borderColor);border-radius:5px;font-size:14px}#submit-btn,.input-field{padding-bottom:10px;padding-top:10px;width:100%}#submit-btn{background-color:#8534a3;background-color:var(--buttonColor);border:none;color:#fff;margin-top:10px}#preview{background-color:#1d1520cc;background-color:var(--previewBg);border:1.5px solid #17a2b8;padding:15px;position:relative;width:500px}.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 #1d1520;border:1px solid var(--borderColor);box-shadow:-2px 7px 21px -9px #000000bf}.thumbnail{display:block;height:180px;object-fit:scale-down;width:100%}.post-preview{background-color:#fff;padding:15px}.post-title{color:#000;margin:0}.post-intro{color:#4b5156;font-size:14px}.hobby-picture{height:180px;margin-left:30%;object-fit:scale-down;padding:10px}.fa{border-radius:50%;color:#fff;font-size:30px;margin:20px;padding:20px;text-align:center;text-decoration:none;width:30px}.fa-linkedin{background:#3b5998}.fa-github{background:#000}.fa-at{background-color:#f08080}.fa-github:hover,.fa-linkedin:hover{opacity:.7}@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}}
/*# sourceMappingURL=main.976b2b5c.css.map*/