:root{--bg:#F7F8FA;--text: #1C1F23;--border: 1px solid rgba(0, 0, 0, .4);--shadow: 10px 5px 5px rgba(0, 0, 0, .8);--cardbg:#FFFFFF;--subtext: #5F6368;--button:#6C63FF;--btntext: #F0F2F5}:root[data-theme=dark]{--bg:#121417;--text: #F0F2F5;--border: 1px solid rgba(0, 0, 0, .4);--shadow: 10px 5px 5px rgba(0, 0, 0, .8);--cardbg:#1C1F23;--subtext: #A9ADB4;--button:#A78BFA;--btntext: #1C1F23}*{font-family:Arial,Helvetica,sans-serif}body{background-color:var(--bg)}#landing-page-container{display:block;border:var(--border);text-align:center;margin:2% 25%;border-radius:20px;box-shadow:var(--shadow);background-color:var(--cardbg)}#unordered-list-nav,#unordered-list-toggle{display:flex;justify-content:space-around;list-style:none;padding-inline-start:0}#unordered-list-contacts,#unordered-list-skills{list-style-type:none;padding-inline-start:0%}#hero-section,#about-me,#featured-projects,#contact-container{padding:20%}.page-section.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-section visible{opacity:1;visibility:visible}.page-section{min-height:85vh;transition:opacity .6s ease-out}h1,h2{color:var(--text);padding-bottom:5%}h1{font-size:64px}p,li,footer{color:var(--subtext)}img{width:100px;height:auto;border-radius:50%}a{color:var(--subtext);text-decoration:none}button{background-color:var(--button);color:var(--btntext);margin-top:1%}@media screen and (max-width:800px){#landing-page-container{margin:2%}}