.app{min-height:100vh;background-color:var(--bg-color)}.container{max-width:56rem;margin:0 auto;padding:4rem 1.5rem}@media (min-width: 768px){.container{padding:6rem 2rem}}.about{margin-top:2rem;margin-bottom:4rem}.header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.name-title-wrapper{display:flex;align-items:center;gap:.75rem}.name-title{font-family:Spectral,serif;font-size:3.5rem;font-weight:800;color:var(--text-color);letter-spacing:.05em;-webkit-text-stroke:1px var(--text-color)}.name-star{color:var(--text-color);width:1rem;height:1rem;flex-shrink:0}@media (min-width: 768px){.name-title{font-size:5rem}.name-star{width:1.5rem;height:1.5rem}}.about-content{padding-top:2rem;margin:0 auto;max-width:56rem}.about-content:before{content:"";display:block;border-top:1px solid var(--border-color-15);max-width:100%;margin-bottom:2rem}.about-text{color:var(--text-color-80);line-height:1.75;max-width:100%;margin-bottom:1rem}.about-text p{margin-bottom:1rem}.nav-boxes{display:flex;gap:20px;margin-top:60px;justify-content:center}.nav-box{padding:15px 40px;border:2px solid #1a0db8;background-color:#fff;color:#1a0db8;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:1px;transition:all .3s ease;cursor:pointer}.nav-box:hover{background-color:#1a0db8;color:#fff}.social-icons{display:flex;gap:20px;justify-content:center;margin:70px 5px 5px 0}.social-icon{color:#1a0db8;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon svg{width:24px;height:24px}a{color:inherit;text-decoration:underline}a:visited,a:hover,a:active{color:inherit}.projects{margin-top:2rem;margin-bottom:4rem}.projects .page-title{font-family:Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase;-webkit-text-stroke:1px var(--text-color);margin-bottom:1rem}@media (min-width: 768px){.projects .page-title{font-size:3rem}}.writing{margin-top:2rem;margin-bottom:4rem}.writing .page-title{font-family:Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase;-webkit-text-stroke:1px var(--text-color);margin-bottom:1rem}@media (min-width: 768px){.writing .page-title{font-size:3rem}}.page-content{padding-top:2rem;border-top:1px solid var(--border-color-15);color:var(--text-color-80)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #fcfce0;--text-color: #1a0db8;--text-color-90: rgba(26, 13, 184, .9);--text-color-80: rgba(26, 13, 184, .8);--text-color-70: rgba(26, 13, 184, .7);--border-color-20: rgba(26, 13, 184, .2);--border-color-15: rgba(26, 13, 184, .15)}body{background-color:var(--bg-color);color:var(--text-color);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.6}