@import"https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0}#root{font-family:Assistant,sans-serif;background-color:#f0f8ff;height:100%;display:flex;flex-direction:column;flex:1}body{display:flex;flex-direction:column;min-height:100vh;height:100%}main{flex:1 0 auto}h1,h2{font-family:Open Sans,sans-serif}a{color:#000;text-decoration:none}a:hover{color:#fff}button{padding:10px 20px;border:none;cursor:pointer;background-color:#8d99ae;color:#000;font-size:1rem}button:hover{background-color:#758394}#root{text-align:center}nav{display:flex;justify-content:space-between;align-items:center;background-color:#8d99ae8c;height:3rem;padding:0 1rem}.logo{font-size:35px}.nav-links{display:flex}.nav-item{font-size:1.5rem;margin:0rem 3rem}.dropdown-toggle{background:none;padding:0;margin:.5rem}.dropdown-toggle:hover{background:none;cursor:pointer}.dropdown-icon{height:40px}.home-header{margin:2rem}.header-title{margin-bottom:1rem}.header-link{margin:2rem 2rem .25rem;display:inline-block;padding:10px 20px;background-color:#8d99ae}.header-link:hover{background-color:#758394;color:#000}.home-info{margin:2rem 0rem}.home-container{margin:2rem 0rem;padding:.5rem 0rem}.main-header{background-color:#8d99ae8c}.home-item{margin:0rem 1rem}.taskpage{display:flex;justify-content:space-evenly;width:100%;height:80vh;margin-top:1rem}.tasktab{display:flex;flex-direction:column;width:75%;height:100%;justify-content:flex-start}.taskcard{border:solid #8d99ae;width:80%;max-width:1000px;cursor:pointer;border-radius:10px;margin:.3rem;position:relative;padding:1rem 2rem 1rem 1rem}.taskcard:hover{background-color:#8d99ae8c}.taskcard .completed{text-decoration:line-through}.delete-button{position:absolute;top:.8rem;right:.5rem;background:none;border:none;cursor:pointer;padding:0}.delete-button:hover{opacity:.7;background-color:red}.delete-button img{width:30px}.checkbox-input{position:absolute;left:2px;top:1.35rem}.taskcontainer{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:1rem}.task-details{margin-top:1rem}.task-title{margin-bottom:.6rem}.task-window{width:40%;border:solid #8d99ae;height:98%;margin-right:.25rem}.task-select{margin-top:1rem}.task-form{display:flex;flex-direction:column;align-items:center}.input-field{margin:.5rem 0rem}.task-button{margin-top:.5rem;width:10%}.task-name{margin-right:1rem}.task-input{margin-left:.5rem}.filter-buttons{display:flex;justify-content:center}.filter-buttons button{margin:0 10px}.filter-buttons button.active{background-color:#2b2d42;color:#fff}.name-field{margin:.4rem 2.6rem .8rem .4rem}.mail-field{margin:.4rem}.message-form{margin:1rem 2rem 1rem 1rem}.message-label{position:relative;bottom:136px}.contact-header{margin:1rem}footer{background-color:#8d99ae8c;text-align:center;display:flex;justify-content:center;align-items:center}.copyright{padding-right:1rem}.icons a{text-decoration:underline}