@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";header{position:sticky;top:0;padding:20px 0 0;background-color:#fff}.nav{display:flex;flex-direction:row;align-items:baseline;white-space:nowrap;flex-wrap:wrap;padding-bottom:30px}header h1,header a{font-size:34px;font-weight:500;text-decoration:none;margin:0}header span{padding-right:10px;font-size:35px}body{font-family:Rajdhani,sans-serif;font-weight:400;max-width:55rem;margin:0 auto;padding:0 20px 20px;font-size:20px;color:#44444a}h2{font-optical-sizing:auto;font-size:34px;font-weight:500;margin:20px 0}h3{font-optical-sizing:auto;font-size:30px;font-weight:500;margin:20px 0}a{color:#44444a}.about{margin:10px 0 50px}.about .link{margin:0}.about table{margin-bottom:20px}.about table th{text-align:left;font-weight:400;width:25%}.projects{margin-top:10px;display:flex;flex-direction:column;gap:10px}.project{display:flex;width:100%;gap:20px;flex-flow:row wrap;margin-bottom:10px}.project p{margin:6px}.project__image{flex:1 1 25%}.project__image img{width:100%;height:auto}.project__text{flex:1 1 70%;margin-bottom:10px}.project__text a{text-decoration:none}.project h3{margin:0;font-size:28px}.detail{display:flex;width:100%;gap:20px;flex-flow:row wrap}.detail__image img{width:100%;height:auto;max-width:450px}.detail h3{font-size:24px}.detail__text .online{font-weight:500}