:root{--bg-color: rgb(48, 47, 47);--foot-color-route: rgb(105, 105, 105);--author-color: #84898a;--tag-background: rgba(0, 188, 212, .1);--header-and-footer-bg: #020202;--about-main: rgb(34, 34, 34);--header-logo: cyan;--header-font: white;--bg-color-logos: #aaa7a777;--container-404: rgba(255, 255, 255, .322);--form-input-bg: #1a1a1a}html,body{margin:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--header-font);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{padding:0;margin:0}#head-er{background-color:var(--header-and-footer-bg);display:flex;justify-content:space-between;align-items:center;padding:4px 6px;list-style:none}#head-er a{text-decoration:none;color:var(--header-logo);padding:4px}#head-er a:hover{text-decoration:underline;padding:4px}#head-er a:visited{color:var(--header-font)}#head-er a:active{color:var(--container-404)}#head-er ul{list-style:none;display:flex;flex-direction:wrap;gap:10px}main{padding:0 8px;height:auto}#index-main{display:grid;grid-template-columns:1fr 7fr;gap:1rem;padding:0}#index-nav{background-color:var(--bg-color-logos);padding:0 12px}#index-section{height:auto;max-height:78vh;overflow-y:auto}#about-main{height:100vh;background-color:var(--about-main)}#about-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}#about-section ul li{padding:5px 0;list-style:none}#survey-main{height:100vh}#container-tecthstack-logo{display:flex;align-items:center;height:100px;width:400px;background-color:var(--bg-color-logos);border-bottom:1px solid var(--header-font);border-top:1px solid var(--header-font)}.logos{padding:4px}.container-article-card,.container-project-card{display:flex;flex-direction:row;flex-wrap:wrap}.article-card,.project-card{background-color:var(--header-and-footer-bg);color:var(--header-font);padding:20px;margin:10px;width:20%;box-shadow:0 4px 8px #0003}.article-title,.project-title{font-size:1.2em;font-weight:700}.article-image,.project-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--header-logo)}.article-category,.project-category{font-size:.9em;color:var(--header-font);margin-top:8px}.tag{background:var(--tag-background)}.article-meta,.project-meta{color:var(--author-color)}main h2:after{content:"";padding:1px;background-color:var(--header-logo);display:block;width:90px}#portfolio-container{display:grid;grid-template-columns:1fr 7fr;gap:1rem;padding:0;height:100vh}#portfolio-list-content{background-color:var(--bg-color-logos);padding:0 12px}#portfolio-list-content ul{padding:0 18px}.container-gitstats{width:400px;height:200px;padding-bottom:20px;margin-bottom:10px;box-shadow:4px 4px 4px var(--header-logo);border-radius:8px}.container-gitstats:hover{box-shadow:4px 4px 4px var(--bg-color-logos)}.gitstats{width:100%;height:auto}#portfolio-section{height:auto;overflow-y:auto}#portfolio-section ul{padding:0 18px}.container-certificate{width:450px;height:250px;padding-bottom:98px;margin-bottom:10px}.certificate{width:100%;height:auto;border-radius:8px;border:1px solid var(--header-and-footer-bg)}.certificate:hover{box-shadow:4px 4px 4px var(--header-logo)}#form-section{display:flex;justify-content:center;align-items:center}.container-button-submit{display:flex;justify-content:center;align-items:center;margin:4px 0}.container-button-submit button{padding:4px;border:1px solid var(--header-and-footer-bg);background-color:var(--form-input-bg);color:var(--header-font)}.container-button-submit button:hover{cursor:pointer;color:var(--form-input-bg);background-color:var(--header-font);transition:transform .5s ease-in,.5s ease-in-out}fieldset{width:500px;max-width:auto;height:auto;margin:6px;padding:7px 8px}fieldset input,fieldset select,fieldset textarea{padding:4px;background-color:var(--form-input-bg);color:var(--header-font)}fieldset select,fieldset textarea{border:1px solid var(--header-and-footer-bg)}fieldset textarea{font-family:Arial,Helvetica,sans-serif}#personal-information,#suggestions{display:flex;flex-direction:column}#foot-content{color:var(--header-font);display:flex;justify-content:space-between;margin-top:15px;margin-bottom:30px}.container-foot-content{width:33vw;text-align:center}.foot-routes{display:flex;justify-content:space-between;gap:20px;background-color:var(--foot-color-route);border:1px solid var(--header-and-footer-bg)}#foot-er{background-color:var(--header-and-footer-bg)}#copyright{padding:4px 6px;color:var(--header-font);text-align:center;font-family:Times New Roman,Times,serif}#main404{color:var(--header-logo);height:80vh;justify-content:center;align-items:center;display:flex}.container-404{background-color:var(--header-and-footer-bg);padding:20px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:600px){.container-article-card,.container-project-card{display:block;flex-direction:column;width:auto}.article-card,.project-card{width:auto}#about-section{gap:10px}#about-main{height:100vh;padding-bottom:30px}#container-tecthstack-logo{height:70px;width:auto}.logos{width:50px;height:50px}#portfolio-container{display:block;padding:6px;height:auto}#portfolio-list-content{display:none}.container-gitstats{width:auto;height:auto;padding-bottom:0;margin-bottom:10px;box-shadow:0 0}.container-gitstats:hover{box-shadow:0 0}.container-certificate{width:auto;height:auto;padding-bottom:0}.certificate:hover{box-shadow:0 0}}@media screen and (min-width:600px)and (max-width:900px){.container-article-card,.container-project-card{display:flex;flex-direction:row;width:auto}.article-card,.project-card{width:315px}}