.flex{display:flex}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}nav{justify-content:end;display:flex}nav ul{width:27rem;list-style-type:none;display:flex}nav ul li a{color:#000;margin:1rem;padding:1rem;text-decoration:none}nav ul li a:hover{color:#fff;background-color:gray;transition:all 1s}main{background:#f8fafc;justify-content:center;align-items:center;height:100vh;display:flex}h1{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:600}h2,h3{color:#475569;margin-bottom:.25rem}p{color:#334155;margin-top:1rem;font-size:1rem;font-weight:500}.skillRotator{color:#fff;background-color:green;justify-content:center;align-items:center;width:5rem;margin:1rem;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}main div{flex-direction:column;align-items:center;display:flex}