Style the focus state on a rounded input element | HTML | CSS

In this video, I show you how to style the focus state on a rounded input element using CSS. 00:33 - style the focus state with box-shadow 01:30 - remove the default focus state 02:21 - customising the border in the focus state 02:43 - adding a background color 02:59 - combining the focus state with existing shadows on the input -- const me = { name: "Leanne 👩🏻", passions: ["coffee☕️", "code 💻", "cats 🐱"], unpopular_opinion: "LOVES CSS ❤️", favorite_colors: ["hotpink", "orangered"], channel_aim: "Show the world that CSS is fun and web development rules! 👑" } -- 🐤 Say hi on Twitter: https://twitter.com/RybaLeanne 🤺 Join the Scrimba Weekly Web Dev Challenge: https://scrimba.com/learn/weeklychallenge