.last_name{color:#3b7b3a}body,h1,h2,p{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,sans-serif;line-height:1.6;background-color:#37ca0f}header{text-align:center;padding:24px;color:#fff;background:linear-gradient(135deg, #4a7c59, #5d8a6a)}main{padding:24px;margin-top:24px;box-shadow:0 0 8px rgba(0,0,0,0.1);background-color:#fff}footer{text-align:center;padding:8px;margin-top:24px;color:#fff;background-color:#3b7b3a}h2{color:#333;margin-bottom:8px}nav{margin:0px 0}nav ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background:linear-gradient(135deg, #4a7c59, #5d8a6a)}nav li{float:left}nav li a{display:block;color:white;text-align:center;padding:8px 16px;text-decoration:none}nav li a:hover:not(.active){background-color:#abed76}.container{width:80%;margin:auto;overflow:hidden}.profile-picture{width:150px;height:150px;border-radius:50%;margin:24px auto;background-color:#abed76}.active{background-color:#abed76}.nama-saya{color:#95e66a}