@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap";.form{display:flex;flex-direction:row;gap:1rem;width:100%;height:100%;padding:.5rem 1rem}.input-text{width:80%;padding:.7rem;border:1px solid #BDBDBD;border-radius:10px}.btn{width:20%;padding:.7rem;background-color:#2f80ed;color:#fff;border:none;border-radius:5px;cursor:pointer}.todoNote{padding:.5rem 1rem}.checkbox{transform:scale(1.5)}p{margin-left:1rem;display:flex;align-content:center;flex-wrap:wrap}span{display:inline-block}.btn-delete{background-color:#e63946;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:.5rem;margin:.5rem}.App{display:flex;flex-direction:column;align-items:center;height:100vh}.App .container{padding:1rem}.App .container h1{text-align:center}.App .container .navbar ul{display:flex;flex-direction:row;border-bottom:1px solid #BDBDBD;margin:1rem;gap:5rem}.App .container .navbar ul li{list-style:none;padding:1rem;text-decoration:none;border-bottom:4px solid transparent}.App .container .navbar ul li:hover{border-bottom:4px solid #2F80ED}.App .container .navbar ul li:focus{border-bottom:4px solid #2F80ED;background-color:red}.App .container .navbar ul li:checked{border-bottom:4px solid #2F80ED;background-color:red;color:green}*{box-sizing:border-box;margin:0;padding:0}body{font-size:16px;font-family:Montserrat,sans-serif;color:#333;background-color:#fff}