.bg-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:5%;background-image:-webkit-gradient(linear,left top,left bottom,from(#fbc7d4),to(#9796f0));background-image:linear-gradient(180deg,#fbc7d4,#9796f0);background-size:cover}.inner{background-color:#fff;width:80%;border-radius:15px;padding:4%}.upper-part{padding:5px}.container-1,.upper-part{display:-ms-flexbox;display:flex}.container-1{width:50%;-ms-flex-direction:column;flex-direction:column;padding:2%}.main-heading{font-size:35px;color:#171f46;font-weight:600;width:100%;margin:0}.main-image{margin:3%;width:45%}.label{color:#b5b7c4;font-size:15px;margin-top:6%}.date-input,.title-input{padding:8px;border:1px solid #b5b7c4;border-radius:5px;width:90%;margin-top:1%;outline:none}.add-button{background-color:#8b5cf6;padding:8px;width:80px;font-size:20px;color:#fff;outline:none;border:none;margin-top:25px;border-radius:8px;cursor:pointer}.separator-line{border:1px solid #b5b7c4}.appointments-heading{font-size:30px;color:#171f46}.bottom-heading-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0;margin:0}.starred-button{border:1px solid #8b5cf6;color:#8b5cf6;border-radius:30px;font-size:15px;padding:7px;width:80px;cursor:pointer}.list-container{margin:0;list-style-type:none;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:768px){.bg-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding:15% 5%;background-image:-webkit-gradient(linear,left top,left bottom,from(#fbc7d4),to(#9796f0));background-image:linear-gradient(180deg,#fbc7d4,#9796f0);background-size:cover}.inner{background-color:#fff;width:100%;border-radius:15px;padding:4%}.upper-part{padding:5px}.container-1,.upper-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container-1{width:100%;padding:2%;-ms-flex-order:2;order:2}.main-heading{font-size:25px;color:#171f46;font-weight:600;width:100%;margin:0}.main-image{margin:0 10%;width:80%;-ms-flex-order:1;order:1}.label{color:#b5b7c4;font-size:14px;margin-top:6%}.date-input,.title-input{padding:8px;border:1px solid #b5b7c4;border-radius:5px;width:100%;margin-top:1%;outline:none}.add-button{background-color:#8b5cf6;padding:6px 15px;width:unset;font-size:20px;color:#fff;outline:none;border:none;margin-top:25px;border-radius:8px;cursor:pointer}.separator-line{border:1px solid #b5b7c4}.appointments-heading{font-size:25px;color:#171f46;margin:5px 0}.bottom-heading-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 15px;margin:0}.starred-button{border:1px solid #8b5cf6;color:#8b5cf6;border-radius:30px;font-size:15px;padding:6px 15px;width:unset;cursor:pointer}.list-container{margin:0;list-style-type:none;padding:0;grid-gap:5px;gap:5px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}*{font-family:"roboto"}.list-item{background-color:#fff;border:1px solid #b5b7c4;border-radius:5px;padding:15px;width:350px;margin:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.app-title{font-size:20px;color:#171f46}.app-date{color:#9897f0;font-size:15px}.star-image{height:30px;margin:5px}.star-btn{padding:0;background-color:transparent;border:none;outline:none;cursor:pointer}@media screen and (max-width:768px){.list-item{background-color:#fff;border:1px solid #b5b7c4;border-radius:5px;padding:15px;width:350px;margin:10px 10px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.app-title{font-size:18px;color:#171f46;font-weight:600;margin:3px 0}.app-date{color:#9897f0;font-size:14px;margin:5px 0}.star-image{height:25px;margin:5px}.star-btn{padding:0;background-color:transparent;border:none;outline:none;cursor:pointer}}*{-webkit-box-sizing:border-box;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}
/*# sourceMappingURL=main.2bea4ccd.chunk.css.map */