body{margin:0;font-family:Arial,Helvetica,sans-serif}h3,h2,h1{color:#000}.nav-container{justify-content:center;width:100%;display:flex}.nav-container span{color:#fff}#navbar{z-index:99;background-color:#333;border-radius:1rem;gap:2rem;padding:.7rem 1.5rem;display:flex;position:fixed;top:1rem;overflow:hidden}#navbar a{margin-left:.5rem}.float{float:right}.header{text-align:center;color:#fff;background:linear-gradient(#000,80%,#fff);padding-top:150px;padding-bottom:100px}.intro{margin-bottom:20px;font-size:75px;font-weight:700}.intro-follow-up{margin-bottom:20px;font-size:40px;font-style:italic}.about{grid-template-columns:250px 1fr;width:40%;margin-top:5rem;display:grid}.about-me{font-size:1.2rem}.about-grid{justify-content:center;width:100%;display:flex}.circular-square{background-color:#464f59;border-radius:50%;width:220px;height:220px;margin-top:1.5rem;position:relative;overflow:hidden}.circular-square img{width:auto;height:100%;margin-left:-43px}section h1{text-align:center;margin-top:2rem}.project-card{cursor:pointer;background:#fff;border-radius:12px;padding:1rem;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 5px #0000001a}.project-card .grid{grid-template-columns:1fr 2fr;gap:1rem;display:grid}.project-card .grid .align{margin-left:6rem}.project-card .grid li{color:#000}.project-card img{max-height:220px;transition:transform .3s}.project-card p{color:#333;font-weight:700}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.project-card:hover img{transform:scale(1.05)}a{text-decoration:none}.projects-grid{gap:2rem;width:40%;display:grid}.projects-container{justify-content:center;width:100%;display:flex}@media (max-width:768px){#navbar{position:fixed;top:3rem}.projects-grid{grid-template-columns:1fr;width:100%}.project-card div{text-align:center}.project-card .grid{grid-template-columns:1fr}.project-card .grid .align{margin-left:0}.about{grid-template-columns:1fr;width:100%;margin-top:6rem}.about-me{text-align:center;margin:2rem}.circular-square{left:5rem}}.linkedin svg{color:#0177b5}.linkedin:hover{background:#0177b5!important}.linkedin:hover svg{color:#fff}.footer{text-align:center;width:100%;margin-top:2rem;position:relative;bottom:0}