body{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}.app-container{width:100%;display:flex}.main-content{color:azure;background-color:#000;flex-grow:1;min-height:100vh;margin-left:580px;padding:30px}.download-button{position:fixed;bottom:10%;right:5%}.left-profile{color:#fff;z-index:10;background-color:#1f2937;flex-direction:column;align-items:center;width:500px;min-height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0}.image{object-fit:cover;border:3px solid #444;border-radius:50%;width:350px;height:350px;margin-bottom:20px}.contact{width:100%}.contact h4{letter-spacing:2px;color:#888;margin-bottom:5px}.contact hr{border:0;border-top:1px solid #444;margin-bottom:20px}.contact-list{flex-direction:column;gap:15px;display:flex}.contact-item{align-items:center;gap:12px;font-size:.9rem;display:flex}span{font-size:1.1rem}.bio{color:#eee;background-color:#222;border:1px solid #fff3;border-radius:8px;margin:2rem 0;padding:15px;font-size:.85rem;line-height:1.6}a{color:#fff;font-size:1rem;text-decoration:none}a:hover{text-decoration:underline}@media (width<=1000px){.app-container{flex-direction:column}.left-profile{border-bottom:1px solid #333;border-right:none;width:100%;height:auto;padding:20px 10px;position:relative}.main-content{width:100%;margin-left:0;padding:20px}}*{margin:0;padding:0}.header-1{flex-direction:column;gap:1px;margin-bottom:3rem;display:flex}.header-1 span:first-of-type{text-transform:uppercase;margin-bottom:0;font-size:2rem;font-weight:300}.header-1 span:nth-of-type(2){text-transform:uppercase;margin-bottom:0;font-size:3rem;font-weight:500}.header-1 p:nth-of-type(3){font-size:2rem;font-weight:200}hr{border:0;border-top:1px solid #444;margin:20px 0}h4{text-transform:uppercase;font-size:1.3rem}.project-header{align-items:center;gap:1rem;display:flex}h4{margin-top:3rem}.project-links{align-items:center;gap:.6rem;display:flex}.experience p{font-size:1.2rem}i{color:#969494;display:block}ul{margin:.5rem 0 3rem;padding:0 2rem}li{font-weight:200}.skills h5{margin-bottom:1rem;font-size:1.1rem}.skills>* span{background-color:#1f2937;border-radius:5px;padding:7px}.other-skill-wrapper-outer{margin:1rem 0}.other-skill{gap:10px;width:100%;display:flex}.other-skill h5{margin-top:2rem}@media (width<=1000px){.other-skill{flex-wrap:wrap;gap:.5rem;display:flex}}