:root{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:rgba(25,39,52,.8);--previewShadow:#111921;--buttonColor:#17a2b8}[data-theme=light]{--mainColor:#eaeaea;--secondaryColor:#fff;--borderColor:#c1c1c1;--mainText:#000;--secondaryText:#4b5156;--themeDotBorder:#24292e;--previewBg:hsla(45,50%,97%,.8);--previewShadow:#f0ead6;--buttonColor:#000}[data-theme=purple]{--mainColor:#46344e;--secondaryColor:#382a3f;--borderColor:#1d1520;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:rgba(29,21,32,.8);--previewShadow:#2b202f;--buttonColor:#8534a3}[data-theme=green]{--mainColor:#606b56;--secondaryColor:#515a48;--borderColor:#161914;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:rgba(81,90,72,.8);--previewShadow:#2a2f25;--buttonColor:#696}[data-theme=blue]{--mainColor:#15202b;--secondaryColor:#192734;--borderColor:#164d56;--mainText:#fff;--secondaryText:#eee;--themeDotBorder:#fff;--previewBg:rgba(25,39,52,.8);--previewShadow:#111921;--buttonColor:#17a2b8}body,html{padding:0;margin:0;scroll-behavior:smooth}body *{transition:.3s}h1,h2,h3,h4,h5,h6,strong{color:var(--mainText);font-family:Russo One,sans-serif;font-weight:500}input,label,li,p,span,textarea{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}.icon{color:var(--mainText);margin:0 10px 0 5px}.section-primary{background-color:var(--mainColor)}.section-primary,.section-secondary{border-bottom:1px solid var(--borderColor);overflow:auto}.section-secondary{background-color:var(--secondaryColor)}.main-container{width:1200px;margin:0 auto}.greeting-wrapper{display:grid;text-align:center;align-content:center;min-height:10em}.intro-wrapper{background-color:var(--secondaryColor);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 var(--borderColor);display:flex;justify-content:space-between;align-items:center;background-color:var(--mainColor)}#navigation a{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:250px;width:200px;object-fit:cover;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 var(--themeDotBorder);box-shadow:-1px 1px 3px -1px rgba(0,0,0,.75);cursor:pointer;transition:transform .2s}.active-theme-dot{transform:scale(1.1);border-color:#17a2b8}.theme-dot:hover{transform:scale(1.2)}#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:var(--previewShadow);max-width:300px;height:180px;padding-left:30px;padding-top:30px}#preview{width:300px;border:1.5px solid #17a2b8;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{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:10px;border-radius:5px;background-color:var(--previewShadow)}#language-learnerd{height:50px;width:50px;padding-right:0 5px 5px 0;transition:transform .2s}.language-learnerd:hover{transform:scale(1.2)}#social-icon{height:50px;width:50px;padding-right:0 5px 5px 0;transition:transform .2s}#social-icon:hover{transform:scale(1.2)}.social-links{display:grid;align-content:center;text-align:center}.social-icon-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:10px;border-radius:5px}#social_img{width:100%}.post-wrapper{grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-gap:20px 20px;gap:20px 20px;padding-bottom:50px}.post,.post-wrapper{display:grid;justify-content:center}.post{grid-template-columns:1fr;grid-auto-rows:1fr;margin-bottom:30px;align-items:center;border:1px solid var(--borderColor);border-radius:5px;box-shadow:-2px 7px 21px -9px rgba(0,0,0,.75)}.thumbnail{display:block;width:100%;height:15rem;object-fit:cover}.post-preview{background-color:#fff;padding:15px 15px 0;height:100%;border-radius:5px}.post-title{color:#000;margin:0}.post-link{justify-content:space-between}.flex-row,.post-link{display:flex;flex-direction:row;align-items:center}.post-icon{height:2.5rem;width:2.5rem;margin-right:10px}.post-intro{color:#4b5156;font-size:14px}.error{color:red;font-size:small}.contact-section{display:flex;flex-direction:column;width:100%}.contact-form{display:flex;flex:1 1;justify-content:center}.address{display:flex;flex:1 1;flex-direction:column;justify-items:flex-start;padding-bottom:50px}.address-card{margin:10px 5px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:0 5px;text-align:center}.address-card p{margin-left:5px;display:inline}.address-card h5{margin:0;display:inline}.address-card .icon{display:none}#contact-form{max-width:600px;border:1px solid var(--borderColor);padding:15px;border-radius:5px;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:var(--secondaryColor);border-radius:5px;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:var(--buttonColor);border:none;border-radius: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}#language-learnerd{height:50px;width:50px;padding-right:0 10px 10px 0}}@media screen and (min-width:640px){.post-wrapper{grid-template-columns:repeat(2,1fr)}.address .icon{display:block;padding-left:2rem}}@media screen and (min-width:1024px){.post-wrapper{grid-template-columns:repeat(3,1fr)}.contact-section{display:flex;flex-direction:row}.address{padding-left:8rem}}