@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}body{background-color:#1b2430}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.to-do-list>h1{margin-top:50px}.to-do-list{font-family:Inter,sans-serif;max-width:425px;background-color:#1b2430;padding:10px 30px;margin:0 auto;border-radius:40px;color:#fff}.to-do-list>form{margin-top:50px;width:100%;margin-bottom:50px}.to-do-list>form>label{display:block;margin-bottom:10px}.to-do-list>form>input[type=text]{font-family:Inter,sans-serif;width:80%;height:35px;padding:0 10px;border:none;border-radius:none;margin-bottom:20px}.to-do-list>form>input[type=text]:focus{outline:none}.to-do-list>form>button{color:#fff;font-family:Inter,sans-serif;width:65px;height:35px;padding:0 10px;border:none;border-radius:none;margin-bottom:20px;background-color:#51557e;display:block}.to-do-list>form>button:hover{background-color:#2c3e50}.task-list>ul{list-style:none;padding:0}.task-list>ul>li{margin:20px 0;background-color:#816797;padding:15px;border-radius:5px;display:flex;align-items:center}.task-list>ul>li>span{padding:5px 10px;background-color:#2c3e50;font-size:smaller;cursor:pointer;border-radius:3px;margin-left:auto}.task-list>ul>li>span:hover{background-color:#51557e}.social-media-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.social-media-container>div{margin:25px 0}.social-media-container>div>a{padding:10px 10px;border:none;border-radius:none;background-color:#51557e;text-decoration:none;font-size:smaller}.social-media-container>div>a,.social-media-container>p{color:#fff;font-family:Inter,sans-serif;margin:0 10px}