*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:#f8f8f8}.navbar{position:fixed;top:0;left:0;width:100%;background:#000c;color:#fff;padding:1rem 0;text-align:center;z-index:1000}.navbar ul{list-style:none;display:flex;justify-content:center;gap:1rem}.navbar li{cursor:pointer;padding:.5rem 1rem;transition:background .3s}.navbar li:hover{background:#fff3}.section{height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.hero{background:#ff5f6d;color:#000000e6}.hero div{text-align:center}.hero div h1{font-size:3rem}.hero div :last-child{font-size:1.5em}.projects{background:#ffc371;color:#0000001a;position:relative}.projects h1{position:absolute;left:0;bottom:1rem;writing-mode:sideways-lr}.projects p{font-size:3rem;color:#f8f8f8;text-align:center}.skills{background:#5f2c82;color:#ffffff1a;position:relative}.skills h1{position:absolute;right:0;bottom:1rem;writing-mode:sideways-lr}.skills p{font-size:3rem;color:#f8f8f8;text-align:center}.experience{background:#00b09b;color:#ffffff1a;position:relative}.experience h1{position:absolute;top:1.7rem}.blog{background:#3a7bd5;color:#ffffff1a;position:relative}.blog h1{position:absolute;bottom:0;left:0}.blog p{font-size:3rem;color:#f8f8f8;text-align:center}.contact{background:#fc4a1a;color:#ffffff1a;position:relative}.contact h1{position:absolute;bottom:0;right:0}.contact p{display:flex;gap:3rem}.contact p a{color:#f8f8f8}.projects h1,.skills h1,.experience h1,.blog h1,.contact h1{font-size:4em}ol{display:flex;flex-direction:column;list-style-type:circle;rotate:-20deg}ol li{font-size:2rem}ol li a{text-transform:uppercase;text-decoration:none;font-weight:600;color:#fc4a1a}ol li a:hover{font-size:3rem;transition:font-size .5s ease-in-out}