#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.content-container{left:50px;width:100%;display:flex;position:relative;flex-direction:column}.content-container>*{display:flex;min-height:100vh;align-items:center;justify-content:center}body{background-color:#202020;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Consolas,Courier New,monospace;color:#cecece}.contact-bar{display:flex;flex-direction:row;list-style-type:none;margin:24px 0;padding:0;font-size:30px;text-shadow:0px 1px 2px rgba(0,0,0,.8)}.contact-bar li{display:inline-block;margin:0 30px}.contact-bar li a{color:#fff}.contact-bar li a:hover{color:#0ff}.typing-animation{font-family:monospace;display:inline-flex}.typing-text{display:inline-block}.home-container{display:flex;gap:1rem;align-items:center;flex-direction:column;justify-content:center}.name-header{color:#ca7ebc;padding:1rem;font-size:5rem}.titles-header{font-size:1.5rem}.arrow-down,.arrow-right{font-size:20px}.explorer-text{display:flex;padding:.75rem 1rem;font-size:.75rem;justify-content:left}.green-circle{width:7px;height:7px;display:flex;align-self:center;margin-top:2px;margin-left:.8rem;border-radius:50%;background-color:#53956a}.material-symbols-outlined{color:#f0f5fd;margin:0;padding:0;background-color:transparent}.open-button{border:none;cursor:pointer;padding:1rem 0;background-color:transparent}.section-header{color:#53956a;display:flex;padding:.1rem .25rem;font-size:.75rem;font-weight:700;align-items:center}.section-header:hover{cursor:pointer;background-color:#373737}.section-item{display:flex;padding:.1rem 1.25rem;font-size:.75rem;align-items:center}.section-item:hover{cursor:pointer;background-color:#37373e}.sidebar{top:41px;left:0;width:60px;color:#fff;height:100%;border:1px solid #313131;z-index:1000;position:fixed;background-color:#1d1d1d}.sidebar-expanded{top:41px;left:-120px;width:180px;height:100%;border:1px solid #313131;display:flex;z-index:999;position:fixed;transition:left .3s ease;flex-direction:column;background-color:#181818}.sidebar-expanded.open{left:60px}.arrows{color:#3c3c3c;font-size:1.5rem;padding-right:.5rem}.arrows:hover{background-color:#4b4b4b}.top-bar{top:0;left:0;width:100%;height:40px;border:1px solid #313131;display:flex;z-index:9999;position:fixed;align-items:center;justify-content:center;background-color:#202020}.search-bar{width:30%;height:70%;display:flex;border:1px solid #4b4b4b;align-items:center;border-radius:.5rem;justify-content:center;background-color:#2b2b2b}.search-bar-text{padding:0 .5rem;font-size:.9rem;font-weight:700}.search-icon{font-size:1.25rem}.splitscreens{gap:.5rem;right:2rem;display:flex;position:fixed}.about-container{padding:3rem}.about-me-container{display:flex;flex-direction:row;align-items:center}.about-me-paragraph{padding:1rem}.headshot{width:200px;height:200px;border-radius:50%;border:2px solid #373737}.experience-list{display:flex;flex-direction:column}.job-block{display:flex;flex-direction:row;align-items:center;min-height:300px}.job-title{width:20%;padding-left:5ch}.job-icon{padding:0 5ch;align-content:center;display:flex;flex-direction:column;justify-content:center;position:relative}.job-icon:before{content:"";position:absolute;left:50%;width:1px;height:10em;background-color:#333}.job-image{height:50px;width:50px;border-radius:50%;position:relative}.job-description{width:60%}.project-container{gap:20px;display:flex;padding:2rem;flex-direction:row;justify-content:space-between}.project-item{width:150px;height:150px;display:flex;overflow:hidden;box-shadow:10px 10px 10px #00000080;align-items:center;justify-content:center;border-radius:10%}.project-item img{width:100%;height:100%;object-fit:cover;display:block}.project-icon{padding:2rem;font-size:30px}.project-description{display:flex;align-items:center;max-width:40rem;justify-content:center}img{height:100%;width:100%}.scroll-container span{cursor:pointer;display:flex;flex-direction:row;align-items:center}.achievements-container{display:flex;align-items:center;flex-direction:column}.achievement{height:10rem;width:10rem;display:flex;padding:10px;justify-content:center;align-items:center}.scroll-container{gap:6px;display:flex;flex-direction:row;justify-content:center}