@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400&family=Roboto:wght@100;300;400;500&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0}.App{width:90%;margin:10% auto;overflow:hidden}.header{margin:0 0 30px}@media only screen and (min-width:500px) and (max-width:900px){.header{display:flex;justify-content:space-between}}@media only screen and (min-width:901px){.header{display:flex;align-items:center;justify-content:space-between}}.info-icon,.search-icon{position:absolute;width:13px;top:25%;right:5%}.info-icon{top:10%;left:0;position:relative}@media only screen and (min-width:500px) and (max-width:900px){.info-icon{width:15px}}@media only screen and (min-width:901px){.info-icon{width:20px}}.searchbar-container{position:relative;margin:0 0 15px;width:50%}.searchbar-container .searchbar{border:.5px solid #bdbdbd;border-radius:3px;padding:8px 10px}@media only screen and (min-width:500px) and (max-width:900px){.searchbar-container .searchbar{padding:8px;width:100%}}@media only screen and (min-width:901px){.searchbar-container .searchbar{padding:10px;width:100%}}@media only screen and (min-width:500px) and (max-width:900px){.searchbar-container{margin:0;width:24%}}@media only screen and (min-width:901px){.searchbar-container{margin:0;width:25%}}.searchbar:focus::-webkit-input-placeholder{color:transparent}.searchbar:focus:-ms-input-placeholder{color:transparent}.searchbar:focus::placeholder{color:transparent}.searchbar::-webkit-input-placeholder{color:#989898;-webkit-transition:color .3 ease;transition:color .3 ease}.searchbar:-ms-input-placeholder{color:#989898;-ms-transition:color .3 ease;transition:color .3 ease}.searchbar::placeholder{color:#989898;transition:color .3 ease}.filter-container{position:relative;width:28%}.filter-container .select-label{color:#bdbdbd;font-size:10px;font-family:"Roboto",sans-serif;font-weight:400;position:absolute;left:12%;background-color:#fff;padding:0 2px}.filters-sect .label{color:#989898;font-family:"Roboto",sans-serif;font-weight:400;font-size:13px;margin:0 0 5px}.filters-sect .filter{margin:5px;border:.5px solid #bdbdbd;border-radius:3px;padding:8px 5px;background-color:transparent}@media only screen and (min-width:500px) and (max-width:900px){.filters-sect .filter{width:90%}}@media only screen and (min-width:901px){.filters-sect .filter{width:90%}}@media only screen and (min-width:500px) and (max-width:900px){.filters-sect{margin:0;width:60%;display:flex;justify-content:space-between;align-items:center}}@media only screen and (min-width:901px){.filters-sect{margin:0;width:60%;display:flex;justify-content:space-between;align-items:center}}.freetemplate-info{text-align:end;border:1px solid transparent;font-family:"Roboto",sans-serif;font-weight:400;font-size:13px;position:relative;background-color:#fff4ea;padding:10px}.freetemplate-info .info-text{margin:0 0 0 10.5px}@media only screen and (min-width:500px) and (max-width:900px){.freetemplate-info .info-text{font-size:15px}}@media only screen and (min-width:901px){.freetemplate-info .info-text{font-size:15px}}@media only screen and (min-width:500px) and (max-width:900px){.freetemplate-info{text-align:center;padding:10px}}@media only screen and (min-width:901px){.freetemplate-info{padding:10px;text-align:center}}.template-container{margin:30px 0}.template-container .templatecontainer-header{width:100%;margin:0 0 20px;display:flex;justify-content:space-between;color:#3f3e3e;font-size:14px}.template-container .numberof-templates{color:#989898}@media only screen and (min-width:500px) and (max-width:900px){.templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px}}@media only screen and (min-width:901px){.templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px}}.template-card{position:relative;box-shadow:0 0 5px #bdbdbd;background-color:#fff;margin:0 0 30px;padding:15px 15px 0;height:200px}.template-card:hover{cursor:pointer;opacity:.5}.template-card .name{color:#333447;font-family:"Roboto",sans-serif;font-weight:500;font-size:17px;text-transform:capitalize;margin:0 0 10px}.template-card .category{margin:0 0 10px;font-size:13px;font-family:"Inter",sans-serif;color:#3f3e3e}.template-card .description{font-family:"Inter",sans-serif;color:#3f3e3e;margin:5px 0}.template-card .date-created{margin:0 0 10px;font-size:13px;font-family:"Roboto",sans-serif;font-weight:500}.template-card .cta-container{position:absolute;bottom:0;right:0;left:0;border:1px solid transparent;margin:20px 0 0;padding:8px 12px;background-color:#f9f9f9}.template-card .cta-container .template-cta{font-family:"Roboto",sans-serif;font-weight:500;color:#08bd37;font-size:13px;text-decoration:none}.pageBtns{width:10%;margin:0 auto;height:40px;display:flex;list-style:none;justify-content:center;padding:0 10px}.pageBtns a{padding:8px 10px;margin:5px;border-radius:5px;border:1px solid #2b2eff;color:#2b2eff;font-size:10px;font-weight:700}.pageBtns a:hover{cursor:pointer;color:#fff;background-color:#2b2eff}@media only screen and (min-width:500px) and (max-width:900px){.pageBtns{width:60%}}@media only screen and (min-width:901px){.pageBtns{width:60%}}.activePage{color:#fff;font-weight:700;background-color:#2b2eff}
/*# sourceMappingURL=main.71e72cd0.chunk.css.map */