.task-input-container{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.save-cancel-container{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.add-task-container{border-radius:10px;background:var(--secondary);padding:30px 20px}.button-container{margin:auto auto 16px;display:flex;flex-wrap:wrap;justify-content:space-around;width:70%}.add-task-button-container{display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-top:16px}@media screen and (max-width: 950px){.button-container{width:90%}}@media screen and (max-width: 600px){.button-container{width:90%}}@media screen and (max-width: 360px){.button-container{width:100%}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white: #fff;--textInputTask: #555555;--textPlaceHolder: #dddddd;--light-grey: #ebebeb;--primary: #347c7f;--secondary: rgba(255, 255, 255, .1);--tertiary: rgba(255, 255, 255, .2);background:var(--primary)}p{color:var(--textInputTask);font-weight:600}.main-container{width:50%;margin:0 auto;padding:20px}@media screen and (max-width: 768px){.main-container{width:80%}}@media screen and (max-width: 360px){.main-container{width:100%}}