*{
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 1.5pc;
}
body{
    background-color: #000;
    color: #FFFF;
}
nav{
    background-color: #FFFF;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.5pc;
}
nav a{
    text-decoration: none;
}
.left-nav{
    display: flex;
    font-size: 1.5pc;
}
.left-nav li{
    margin-right: 2pc;
    padding-bottom: 5px;
    list-style: none;
    transition: 0.5s;
    
}
.left-nav li:hover{
    font-size: 2.5pc;
    border-bottom: 2.3px solid red;
}
h1{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #212121c7;
    background-position: 20px;
    color: rgb(255, 0, 0);
    text-shadow: 2px 5px 10px green;
    font-weight: 900;
}
.naming{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.naming div{
    flex: 1;
}
.naming form{
    flex: 6;
}
.section-1{
    display: flex;
    align-items: center;
    padding: 70px;
    font-size: 30px;
}
.section-1 img{
    border-radius: 15px;
    height: 40pc;
    width: 40pc;
}
.content-akan{
    text-align: center;
}