.fng-wrapper{

max-width:900px;

margin:auto;

padding:25px;

font-family:Arial;

}

.fng-tabs{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-bottom:30px;

}

.tab{

padding:12px 20px;

border:2px solid #42b7ff;

background:#fff;

cursor:pointer;

font-size:17px;

transition:.3s;

}

.tab.active{

background:#41b7ff;

color:#fff;

}

.tab:hover{

background:#41b7ff;

color:#fff;

}

.name-row{

display:flex;

justify-content:space-between;

align-items:center;

background:#efefef;

padding:18px;

margin-bottom:15px;

font-size:22px;

}

.copy-btn{

background:none;

border:none;

cursor:pointer;

font-size:20px;

}

.copy-btn:hover{

color:#0a84ff;

}

.center{

text-align:center;

margin-top:25px;

}

#generateNames{

background:#ff9800;

color:#fff;

border:none;

padding:18px 45px;

font-size:22px;

cursor:pointer;

transition:.3s;

}

#generateNames:hover{

background:#e68a00;

}

@media(max-width:700px){

.name-row{

font-size:18px;

}

.tab{

width:100%;

}

#generateNames{

width:100%;

}

}